-
svelte-typeahead: 预先输入的可访问模糊搜索组件
资源介绍
苗条的
可访问的模糊搜索预先输入组件。
该组件使用轻量级的库进行客户端模糊搜索,并遵循。
在尝试一下。
安装
yarn add -D svelte-typeahead
# OR
npm i -D svelte-typeahead
用法
用作基础搜索输入组件。 $$restProps转发给svelte-search 。
造型风格
注意:此组件的外观设计经最小化。 您可以使用[data-svelte-typeahead]选择器来定位组件。
: global ([ data-svelte-typeahead ]) {
margin : 1 rem ;
}
基本的
将对象数组传递给data道具。 使用extractor指定要搜索的键值。
< script >
import Typeahead from " svelte-typeahead " ;
const data = [