Svelte Component

Autocomplete

Displays a list of suggested options.

typescript
import { Autocomplete } from '@skeletonlabs/skeleton';
Source Page Source WAI-ARIA

Demo

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 specicfying the mode at all, as its default filtering mode is fuzzy.

html
<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.

html
<Autocomplete mode="exclude"/>