工具栏

工具栏将紧凑、常用的命令分组。它支持水平滚动、环绕布局、逻辑分隔符和密集的 Office 风格控件。

用途

<div class="toolbar" role="toolbar" aria-label="Formatting">
  <div role="group" aria-label="Text style">...</div>
  <hr role="separator" />
  <div role="group" aria-label="Insert">...</div>
</div>

参数

参数	可选值	默认	目的
`data-density`	`compact`，省略	省略	消除命令组内的间隙
`data-wrap`	`true`，省略	省略	换行组而不是水平滚动
`role="toolbar"`	—	必填	宣布复合命令区域
子元素 `role="group"`	—	推荐	为相关命令集提供名称
`<hr role="separator">`	—	可选	逻辑视觉划分

状态和变体

对于切换按钮使用 aria-pressed，对于不可用的命令使用 disabled。 Ribbons 内部适合使用紧凑的工具栏；包装适用于响应式检查器面板。

可访问性

命名工具栏和每个不明确的组。原生按钮保留在文档选项卡序列中。在应用程序层提供键盘快捷键，并使用 Kbd 或工具提示文本公开它们。

#工具栏

#用途

#参数

#状态和变体

#可访问性

工具栏

用途

参数

状态和变体

可访问性