/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/modal/examples/Basic.tsx
50 строк
1 KB
Denis Svyatovets
v1.10.0
27 мар 2024, 13:48
27 мар 2024, 13:48
c9029ae
Код
Авторство
О чём код?
import * as React from 'react' import { Modal, ModalHeader, ModalBody, ModalFooter, Button, Text, } from '@v-uik/base' export const Basic = (): JSX.Element => { const [open, setOpen] = React.useState(false) const showModal = () => setOpen(true) const hideModal = () => setOpen(false) return ( <> <Button onClick={showModal}>show modal</Button> <Modal open={open} onClose={hideModal}> <ModalHeader subtitle="Additional subtitle" closeButtonProps={{ 'aria-label': 'Close modal', }} > Modal title </ModalHeader> <ModalBody> <Text> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga id labore, magnam mollitia nihil perspiciatis repudiandae ut. Aliquam aperiam commodi dolore pariatur perferendis repudiandae vel, veritatis? Dolor labore maiores mollitia nulla quia sit sunt voluptas voluptates. Aut eaque iste repellat sapiente similique veritatis. Aliquam consectetur cum error facere illum iusto modi natus possimus quae quo? </Text> </ModalBody> <ModalFooter> <Button kind="outlined" onClick={hideModal}> Cancel </Button> <Button onClick={hideModal}>Submit</Button> </ModalFooter> </Modal> </> ) }