DebounceInput
proDebounceInput wraps Input with a configurable delay so onChange fires only after the user stops typing.
Debounced value: —
Installation
Add this component with the NateUI CLI.
Examples
Sizes
Disabled
Search Filter
- Apple
- Avocado
- Banana
- Blueberry
- Cherry
- Cranberry
- Grape
- Grapefruit
- Kiwi
- Lemon
- Lime
- Mango
- Orange
- Papaya
- Peach
- Pineapple
- Plum
- Raspberry
- Strawberry
- Watermelon
API
| Prop | Description | Type | Default |
|---|---|---|---|
wait | Debounce delay in milliseconds before onChange fires. | number | 500 |
value | Controlled input value. | string | — |
placeholder | Placeholder text. | string | — |
disabled | Disables the input. | boolean | false |
size | Layout size variant. | 'sm' | 'default' | 'lg' | 'default' |
onChange | Called after the debounce delay with the native change event. | (e: ChangeEvent<HTMLInputElement>) => void | — |