/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/drawer/examples/KeepMountedExample.tsx
39 строк
1 KB
Nikita
feat: добавлена возможность скрывать компоненты, без удаления из DOM
09 дек 2024, 12:54
09 дек 2024, 12:54
688caff
Код
Авторство
О чём код?
import React from 'react' import { Drawer, DrawerHeader, DrawerBody, DrawerFooter, Button, Text, } from '@v-uik/base' export const KeepMountedExample = (): JSX.Element => { const [open, setOpen] = React.useState(false) const handleClose = () => setOpen(false) return ( <> <Button onClick={() => setOpen(!open)}>show drawer</Button> <Drawer keepMounted open={open} onClose={handleClose}> <DrawerHeader subtitle="Subtitle" onClose={handleClose}> Title </DrawerHeader> <DrawerBody> <Text> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab animi beatae consectetur dolore doloremque doloribus earum enim, ex exercitationem facere natus nisi nostrum repellat repudiandae rerum, sit tenetur velit voluptate. </Text> </DrawerBody> <DrawerFooter> <Button kind="outlined" onClick={handleClose}> Close </Button> </DrawerFooter> </Drawer> </> ) }