/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/switch/examples/Examples.tsx
42 строки
929 B
Denis Svyatovets
v1.10.0
27 мар 2024, 13:48
27 мар 2024, 13:48
c9029ae
Код
Авторство
О чём код?
import * as React from 'react' import { Switch, LabelControl } from '@v-uik/base' export const SwitchesWithText = (): React.ReactElement => { const [value, setValue] = React.useState({ first: false, second: false, third: false, }) const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => { setValue({ ...value, [event.target.name]: event.target.checked, }) } return ( <div> <div style={{ marginBottom: 20 }}> <LabelControl name="first" checked={value.first} control={<Switch />} label="MD" onChange={handleChange} /> </div> <div style={{ marginBottom: 20 }}> <LabelControl name="third" checked={value.third} size="sm" control={<Switch />} label="SM" onChange={handleChange} /> </div> </div> ) }