SearchInput
An input with a search icon and a clear affordance, for filtering a list.
For filtering something already on screen. Note that it reports changes through onValueChange with the string itself — onChange is deliberately omitted from the type, so a handler expecting an event will not compile.
Default
query: —
Small
small is for panel headers and dense toolbars, where the default height would crowd the row.
query: —
Props
SearchInput
| Prop | Type | Default | Description |
|---|---|---|---|
onValueChange | (value: string) => void | — | Called with the new string. `onChange` is omitted from the type. |
size | "default" | "small" | "default" | `small` for panel headers and dense toolbars. |
wrapperClassName | string | — | Classes for the shell rather than the `input`. |