Modal

import {Modal} from '@gravity-ui/uikit';

Компонент Modal (модальное окно) используется для создания всплывающих окон, которые перекрывают основной контент страницы. При открытии модального окна прокрутка страницы отключается, а фокус автоматически переводится на его содержимое. Дочерние компоненты Modal рендерятся внутри компонента Portal. С Modal можно создавать диалоги, алерты, подтверждения и другие элементы.

§Использование

import {useState} from 'react';
import {Button, Modal} from '@gravity-ui/uikit';

const [open, setOpen] = useState(false);

<Button onClick={() => setOpen(true)}>Open Modal</Button>
<Modal open={open} onClose={() => setOpen(false)}>
    Content
</Modal>

§Свойства

§API CSS