LogoClawIndex
案例技能关于
LogoClawIndex

modal-drawer-system - 模态框与抽屉系统生成器

创建具有焦点管理的可访问模态对话框和抽屉组件

标签

更新于: 2026-06-30
模态框抽屉对话框可访问性焦点覆盖层组件前端

能力

典型输入

典型输出

该技能可以做什么

  • 创建模态框
  • 创建抽屉
  • 渲染组件
  • 处理关闭
  • 捕获焦点
  • 恢复焦点
  • 锁定滚动
  • 解锁滚动
  • 渲染门户
  • 处理键盘
  • 设置ARIA属性

输入

  • 组件类型
  • 模态框内容
  • 抽屉内容
  • 尺寸配置
  • 位置配置
  • 标题文本
  • 描述文本

输出

  • 对话框组件
  • 抽屉组件
  • 确认对话框
  • 表单模态框
  • 详情视图
  • 页面滚动状态

要求

  • React环境
  • 文档body访问
  • 门户渲染支持

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建模态框
创建抽屉
渲染组件
处理关闭
组件类型
模态框内容
抽屉内容
对话框组件
抽屉组件
确认对话框