Search
A search bar input with magnifying glass icon and clearable filled state.
Installation
npx chilli@latest add search-barDefault
States
Placeholder
Filled
API Reference
SearchBar
| Prop | Type | Default | Description |
|---|---|---|---|
placeholder | string | — | Placeholder text. |
value | string | — | Controlled input value. |
onChange | (e: ChangeEvent) => void | — | Change event handler. |
onClear | () => void | — | Callback when the clear button is clicked. Shows clear icon when value is non-empty. |