标签列表

显示选项卡界面的选项卡按钮。

• 名称: core/tab-list
• 类别: 设计
• API 版本: 3
• 块类型: 混合（静态保存 + 服务器增强）

块关系

父级块（直接）:
– core/tabs

属性

通过 block.json 中的 attributes 属性定义。

支持功能

通过 block.json 中的 supports 属性定义。

• html: false
• ariaLabel: true
• visibility: false
• lock: false
• color:
  • background: true
  • text: true
• typography:
  • fontSize: true
• layout:
  • default: {"type":"flex","flexWrap":"wrap"}
  • allowVerticalAlignment: false
  • allowOrientation: false
  • allowWrap: false
• spacing:
  • padding: true
  • blockGap: true
• shadow: true

上下文

通过 block.json 中的 usesContext 和 providesContext 属性定义。

使用的上下文:

• core/tabs-list

CSS 选择器

通过 block.json 中的 selectors 属性定义。

• 边框: .wp-block-tab-list button
• 阴影: .wp-block-tab-list button
• 颜色:
  • 背景: .wp-block-tab-list button
  • 文本: .wp-block-tab-list button
• 间距:
  • 内边距: .wp-block-tab-list button

块标记

这是一个 混合块。它保存静态标记，服务器在渲染时可能会对其进行增强。

<!-- wp:tab-list -->
<div role="tablist" class="wp-block-tab-list"><button type="button" role="tab">Tab 1</button><button type="button" role="tab">Tab 2</button></div>
<!-- /wp:tab-list -->

来源

• block.json (参考)
• 源代码目录 — 浏览 edit 和 save 源文件、index.php 等。