/
bearury
/
ui-kit-ce
Обзор
Документация
Войти
/
bearury
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/ToggleExample.tsx
33 строки
939 B
Ivan Iakovlev
docs(hooks): добавлены stories по хукам
20 ноя 2024, 11:54
20 ноя 2024, 11:54
7538000
Код
Авторство
О чём код?
import * as React from 'react' import { useToggle, Button, Text, useTheme } from '@v-uik/base' export const ToggleExample = (): JSX.Element => { const [show, toggle] = useToggle(false) const theme = useTheme() return ( <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}> <Button fullWidth={false} style={{ width: 'fit-content' }} onClick={toggle} > Toggle </Button> {show && ( <Text style={{ background: theme.sys.color.backgroundBeta, padding: 24, borderRadius: 8, }} > Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis totam, architecto sit provident, earum dolore placeat fugit ratione nemo illum, aliquam voluptate reiciendis fuga. Quaerat obcaecati ut atque tenetur voluptates. </Text> )} </div> ) }