SearchBox Vector Input
v1.0.1A search input with debounced results.
Interactive Implementation
Press / to focus, then type your query.
/
RAW_BUFFER:"NULL"
DEBOUNCED_VALUE:"NULL"
Properties API
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| value | string | required | Controlled text stream mapping straight onto the active string buffer layout. |
| onChange | (value: string) => void | required | Direct state callback firing instantly on every hardware keystroke iteration. |
| onDebounceSearch | (value: string) => void | undefined | Delayed execution callback ideal for throttling database index network calls. |
| debounceDelay | number | 300 | The time gap criteria measured in milliseconds before the debounce tracker validates input updates. |
| isLoading | boolean | false | Swaps out the static search vector icon layout with a rotating loading wheel layout. |
| shortcutKey | string | undefined | Specifies a single document-wide key trigger to cleanly focus text fields from anywhere. |