QuickSearchBar for svelte apps
npm install svelte-quicksearch-barOpen with CTRL+K
```
npm install --save-dev svelte-quicksearch-bar
`
Press CTRL + K to open
Selected: {JSON.stringify(selectedOption)}
Example advanced usage with slots to replace input or item visualization
`
{@html option.html.label}
{@html option.html.link}
Press CTRL + K to open
Selected: {JSON.stringify(selectedOption)}
`
API
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| hidden | Boolean | True | Hide or not this component
| options | List[Objects] | [{ label: "Example", link: "/" }] | List of options to display
| keys | List[String] | ["label", "link"] | Keys to search in options with fuzzysearch
| value | String | '' | Value of the current search input
| inputEl | InputElement | undefined | Used when provided an slot="input"
Events
| Event Name | Callback | Description |
|------|------|----------|
| pick | option | Fires when the option is selected/clicked
Development of this component
Go to example folder and run
`
npm install
npm run dev
``