/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/select/examples/MultiSelectExample.tsx
51 строка
2 KB
Denis Svyatovets
v1.10.0
27 мар 2024, 13:48
27 мар 2024, 13:48
c9029ae
Код
Авторство
О чём код?
import React from 'react' import { Select } from '@v-uik/base' const options = [ { value: '1', label: 'Option 1' }, { value: '2', label: 'Option 2' }, { value: '3', label: 'Option 3' }, { value: '4', label: 'Option 4' }, { value: '5', label: 'Option 5' }, { value: '6', label: 'Very long option 6' }, { value: '7', label: 'Option 7' }, { value: '8', label: 'Option 8' }, { value: '9', label: 'Option 9' }, { value: '10', label: 'Option 10' }, { value: '11', label: 'Option 11' }, { value: '12', label: 'Very long option 12' }, { value: '13', label: 'Option 13' }, { value: '14', label: 'Option 14' }, { value: '15', label: 'Option 15' }, { value: '16', label: 'Option 16' }, { value: '17', label: 'Option 17' }, { value: '18', label: 'Option 18' }, { value: '19', label: 'Option 19' }, { value: '20', label: 'Option 20' }, { value: '21', label: 'Option 21' }, { value: '22', label: 'Very long option 22' }, { value: '23', label: 'Option 23' }, { value: '24', label: 'Option 24' }, { value: '25', label: 'Option 25' }, { value: '26', label: 'Very long option 26' }, { value: '27', label: 'Option 27' }, { value: '28', label: 'Option 28' }, { value: '29', label: 'Option 29' }, ] export const MultiSelectExample = (): JSX.Element => { const [value, setValue] = React.useState<string[]>([]) return ( <div style={{ width: 288 }}> <Select limitByWidth multiple options={options} value={value} label="Label" onChange={setValue} /> </div> ) }