/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/modal/examples/Methods.tsx
57 строк
1 KB
Ivan Iakovlev
feat(modal): добавлены новые свойства и методы
31 янв 2025, 12:02
31 янв 2025, 12:02
33ce9f5
Код
Авторство
О чём код?
import * as React from 'react' import { generateId, ModalHeader, ModalBody, ModalFooter, ModalContainer, Button, Text, modal, } from '@v-uik/base' const showModal = () => { const id = generateId() const close = () => modal.close(id) modal.show(id, { content: ( <> <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={close}> Cancel </Button> <Button onClick={close}>Submit</Button> </ModalFooter> </> ), }) } export const Methods = (): JSX.Element => { return ( <> <ModalContainer /> <Button onClick={showModal}>show modal</Button> </> ) }