/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/checkbox/examples/LabelPosition.tsx
47 строк
1 KB
Denis Svyatovets
v1.10.0
27 мар 2024, 13:48
27 мар 2024, 13:48
c9029ae
Код
Авторство
О чём код?
import * as React from 'react' import { CheckboxGroup, Checkbox, LabelControl } from '@v-uik/base' export const LabelPosition = (): JSX.Element => { const [value, setValue] = React.useState<string[]>([]) const onChange = ( event: React.ChangeEvent<HTMLInputElement>, value: string[] | undefined ) => { setValue(value ?? []) } return ( <CheckboxGroup label="Main label" value={value} direction="horizontal" onChange={onChange} > <LabelControl name="start" control={<Checkbox />} label="Start" labelPlacement="start" /> <LabelControl name="top" control={<Checkbox />} label="Top" labelPlacement="top" /> <LabelControl name="bottom" control={<Checkbox />} label="Bottom" labelPlacement="bottom" /> <LabelControl name="end" control={<Checkbox />} label="End" labelPlacement="end" /> </CheckboxGroup> ) }