@snack-uikit/search v0.11.7
Search
Installation
npm i @snack-uikit/search
TODO
- Fix keypress handler for autocomplete mod when focusing on dropdown list items
Example
import { Search, SearchPrivate } from "@snack-uikit/search";
<Search
value={value}
onChange={handleSearchChange}
loading={loading}
options={options}
onSubmit={onSubmit}
size='s'
autocomplete
/>
Search
Props
name | type | default value | description |
---|---|---|---|
value | string | - | Значение input |
onChange | (value: string, e?: ChangeEvent<HTMLInputElement>) => void | - | Колбек смены значения |
placeholder | string | - | Значение плейсхолдера |
onFocus | FocusEventHandler<HTMLInputElement> | - | Колбек обработки получения фокуса |
onBlur | FocusEventHandler<HTMLInputElement> | - | Колбек обработки потери фокуса |
className | string | - | CSS-класс |
size | enum Size: "s" , "m" , "l" | s | Размер |
loading | boolean | - | Состояние загрузки |
onSubmit | (value: string) => void | - | Колбек на подтверждение поиска по строке |
outline | boolean | - | Внешний бордер |
options | BaseItem[] | - | Элементы выпадающие в Droplist в режиме Autocomplete. На нажатие 'Space', 'Enter' или клике по элементу будет вызываться onSubmit. В режиме FieldText options отсутсвуют |
autocomplete | boolean | - | Работа в режиме Autocomplete в значении true Работа в режиме FieldText в значении false | undefined |
ref | Ref<HTMLInputElement> | - | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). @see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom |
key | Key | - |
5 months ago
8 months ago
7 months ago
8 months ago
7 months ago
6 months ago
7 months ago
2 months ago
7 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
2 months ago
6 months ago
4 months ago
5 months ago
1 month ago
4 months ago
1 month ago
5 months ago
2 months ago
7 months ago
3 months ago
4 months ago
8 months ago
1 month ago
3 months ago
7 months ago
6 months ago
6 months ago
5 months ago
7 months ago
5 months ago
7 months ago
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
7 months ago
5 months ago
4 months ago
4 months ago
1 month ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
4 months ago
6 months ago
4 months ago
2 months ago
4 months ago
4 months ago
7 months ago
4 months ago
4 months ago
4 months ago
1 month ago
4 months ago
7 months ago
8 months ago
7 months ago
4 months ago
5 months ago
3 months ago
4 months ago
3 months ago
3 months ago
7 months ago
6 months ago
4 months ago
4 months ago
7 months ago
5 months ago
5 months ago
3 months ago
7 months ago
6 months ago
5 months ago
5 months ago
4 months ago
3 months ago
6 months ago
3 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
1 month ago
7 months ago
5 months ago
6 months ago
7 months ago
8 months ago
4 months ago
5 months ago
4 months ago
4 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
8 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
10 months ago
10 months ago
9 months ago
9 months ago
10 months ago
10 months ago
1 year ago
1 year ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
10 months ago
1 year ago
12 months ago
11 months ago
1 year ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
10 months ago
10 months ago
10 months ago
12 months ago
12 months ago
12 months ago
11 months ago
12 months ago
11 months ago
1 year ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago