Autocomplete
Displays a list of suggested options.
import { Autocomplete } from '@skeletonlabs/skeleton';Demo
Whitelist Values
You can provide an array of strings to use as a whitelist. Only whitelisted items will be matched with the items in your list. If a value is entered that is not apart of the whitelist it will not filter that item.
Fuzzy Filtering
Fuzzy filtering provides the ability for you to filter through your list of values with a case-insensitive search.
This is set via the mode by setting it to fuzzy or not specifying the mode at all, as its default filtering mode is fuzzy.
<Autocomplete ... mode="fuzzy"/>Exclude Filtering
Exclude filtering will filter out the values currently input into the input field and only display items currently not written in.
As opposed to the fuzzy filtering where it's list will shrink when matching to the item input.
<Autocomplete ... mode="exclude"/>