GenericSearch
A debounced search input with a clear button. Designed to sit above data lists and tables.
📖 StorybookPreview
Live preview↗ Open in Storybook
Import
import { GenericSearch } from "@xocialive/ui-components";
Basic usage
<GenericSearch value={searchTerm} onChange={(value) => setSearchTerm(value)} placeholder="Search users..." />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | Controlled value |
onChange | (value: string) => void | — | Change handler (receives the text string) |
placeholder | string | "Search..." | Input placeholder |
debounceMs | number | 300 | Debounce delay before onChange fires |
disabled | boolean | false | Disables the input |
sx | SxProps<Theme> | — | Root element style overrides |