遮罩层

文章介绍如何通过点击操作按钮使页面变灰并添加功能代码，定义两个view组件并设置样式，包含js部分代码实现交互功能。

本文详细介绍 WordPress Storybook 中的确认对话框组件。该组件支持受控与不受控两种模式，提供 confirm 和 cancel 按钮及快捷键操作。通过 isOpen、onConfirm、onCancel 等属性控制打开关闭状态及回调逻辑，同时支持自定义按钮文本、忙碌状态及大小设置，适用于构建交互式文档界面。

本文详细介绍模态框的设计原则、使用场景及开发指南。模态框作为浮动窗口，用于在用户任务中提供关键信息或请求决策。文章涵盖其聚焦性、直接性及帮助性原则，讲解如何构建包含标题、按钮和遮罩层的结构。同时提供了关于焦点管理、滚动行为、关闭逻辑以及无障碍属性（如 aria 标签）的具体实现建议，适用于 React 等前端框架开发。

@wordpress/ui 是 WordPress 设计系统的 React UI 组件包，提供基于设计令牌的灵活组件。支持 NPM 安装与主题定制，包含按钮、链接等基础元素及复合组件。遵循一致的模式实现自定义渲染、Ref 转发和状态管理，区分受控与非受控用法，确保在编辑器内外都能开箱即用并保持一致的视觉体验。