Search

A component for searching.

$ import { Search } from 'geist-ui-svelte';

Basic

Clearable

1
2
3
4
+

No Icon

No Border

Debounce

Sometimes when working with data from a server you want to wait for the user to finish typing before making a request. The built in `debounce` property and `on:debounce` event make this easy. Try it out below.

Loading

Building on the last example you may want to add a more friendly indicator thats where the `loading` attribute comes in.

Results