/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/select/examples/HelperTextExample.tsx
41 строка
1 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' export const HelperTextExample = (): JSX.Element => { const [value, setValue] = React.useState('') return ( <> <div style={{ width: 220, marginBottom: 20 }}> <Select limitByWidth options={[ { value: '', label: 'Choose an option' }, { value: '1', label: 'Option 1' }, { value: '2', label: 'Option 2' }, { value: '3', label: 'Very long option 3' }, ]} value={value} helperText="Helper Text" onChange={setValue} /> </div> <div style={{ width: 220 }}> <Select error limitByWidth options={[ { value: '', label: 'Choose an option' }, { value: '1', label: 'Option 1' }, { value: '2', label: 'Option 2' }, { value: '3', label: 'Very long option 3' }, ]} value={value} helperText="Error Text" onChange={setValue} /> </div> </> ) }