@ bimetal/ overlay- react- 组件

BIMETAL 反应渲染层 覆盖家族 目前 对话框一个瘦子 在峡谷上绑起 @bimetal/overlay-headless 控制器。 控制器。 弹出/ 工具提示 / 菜单 / Drawer 遵循同一核心.

import { useOverlayController } from '@bimetal/react';
import { Dialog } from '@bimetal/overlay-react-components';

function Example() {
  const [snapshot, controller] = useOverlayController();
  return (
    <>
      <button onClick={() => controller.open()}>Open</button>
      <Dialog controller={controller} title="Hello">…content…</Dialog>
    </>
  );
}

控制器拥有开放/关闭+删除策略;组件使模式DOM, 陷阱焦点( e)@bimetal/a11y-dom),锁定正文卷轴,并反馈 Esc / 背景 / 关闭按钮 被解职 requestClose样式来源于 @bimetal/overlay-themes (再出口). 阿帕奇2.0 (英语).