Search Input
A search input with a magnifying glass icon and a clear button that appears when text is entered.
Import
import { SearchInput } from "@igorao79/uivix";Basic Usage
Default
Type something to see the clear button
Controlled
With controlled value and onClear callback
Query: (empty)
Sizes
All Sizes
Small, medium, and large
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| inputSize | "sm" | "md" | "lg" | "md" | The size of the input |
| onClear | () => void | - | Callback when clear button is clicked |
| wrapperClassName | string | - | Extra classes for the wrapper div |
| className | string | - | Additional CSS classes for the input |