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>

§属性

§CSS API