弹出框

文章介绍在列表页面添加自定义按钮的配置方法，包括按钮名称、文本、图标、链接及回调函数，支持弹窗、Ajax请求和新选项卡打开等功能。

本软件包提供通用 WordPress 组件库，用于创建仪表板中屏幕和功能间共享的常见 UI 元素。支持 ES2015+ 环境，需加载 CSS 样式表并正确设置依赖项。包含弹出框等组件用法示例，提供 TypeScript 类型导出，文档位于官方 GitHub 页面，适合 Gutenberg 项目贡献者使用。

@wordpress/components 是 WordPress 通用组件库，提供共享 UI 元素。需在 ES2015+ 环境运行，建议加载 polyfill。设置组件需添加 CSS 样式表依赖。支持在 Gutenberg 中导入使用，可控制弹出框渲染位置。包暴露自身类型但不导出 props 类型，适合贡献与开发。

本文介绍用于设置方框边框颜色、样式和宽度的输入控件。支持整体自定义或针对每一侧单独自定义。提供“链接”与“拆分”两种视图状态，可切换查看扁平边框或分侧配置。当边框属性不一致时，“链接”视图会显示混合状态占位符。此外，组件还支持自定义颜色选择、Alpha 通道控制、屏幕阅读器专用标签隐藏选项以及弹出窗口位置偏移设置，适用于复杂编辑器场景中的精细边框管理需求。

Dropdown 是 React 中用于渲染按钮并打开浮动内容模态框的组件。它负责管理下拉菜单的开合状态，处理点击外部区域自动关闭逻辑，并通过 render props 模式灵活渲染按钮与内容。支持自定义样式、焦点管理及移动端全屏显示等高级功能，适用于构建交互式 UI 界面。

本文深入解析 WordPress 设计系统的核心概念与最佳实践。内容涵盖公共包与私有 API 的边界界定、Gutenberg 组件过渡策略、MCP 服务器及 Storybook 的使用指南。重点讨论了设计令牌的语义化应用、样式预设的配置方法，以及在迁移现有组件时如何保持行为一致性与无障碍性。同时提供了关于 API 兼容性验证、测试覆盖率选择及跨版本契约管理的详细建议，帮助开发者构建稳健的 WordPress 应用程序。

本文介绍了一个已弃用的 CSS 动画组件，建议改用 motion tokens。该组件提供简单的动画接口，支持 appear、loading 和 slide-in 等多种类型。其中 appear 适用于弹出框，loading 用于指示后台活动，slide-in 则专为侧边栏和滑动菜单设计，帮助开发者轻松实现流畅的界面过渡效果。

本文介绍隔离事件容器，该容器用于防止特定事件传播到外部，适用于包裹模态框和弹出框等UI元素。通过隔离mousedown等事件，避免意外触发外部DOM交互或影响文本选择功能。当前支持的事件类型包括mousedown，可阻止与其他事件处理程序的冲突。

ToolbarButton 组件专为在工具栏中添加操作而设计，通常位于 Toolbar 或 ToolbarGroup 内。它提供与 Button 类似的功能，并支持 WAI-ARIA 标准以确保键盘交互和正确样式。适用于通用界面创建及自定义区块开发，可结合 BlockControls 使用，接受 containerClassName 等额外属性，能与其他元素配合实现选项选择控件分组。

WordPress Base SCSS 工具提供基础样式和变量，需配合 Dart Sass 1.23.0 及以上版本使用。该包包含用于提升和边框半径的设计令牌，兼容现有 SCSS 并支持新 UI。适用于构建 CSS Admin Themes，是 Gutenberg 项目的一部分，发布至 npm 供广泛使用。