标签面板

选项卡界面中一个选项卡的內容。

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

块关系

父级块（直接）:
– core/tab-panels

属性

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

支持

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

• anchor: true
• background:
  • backgroundImage: true
  • backgroundSize: true
  • gradient: true
• html: false
• color:
  • background: true
  • button: true
  • heading: true
  • link: true
  • text: true
• layout: true
• shadow: true
• spacing:
  • blockGap: true
  • padding: true
• typography:
  • fontSize: true
  • lineHeight: true
• visibility: false

上下文

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

使用的上下文:

• core/tabs-id

提供的上下文:

• core/tab-label → 属性 label

块标记

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

<!-- wp:tab-panel {"label":"Tab 1"} -->
<section role="tabpanel" tabindex="0" class="wp-block-tab-panel"><!-- wp:paragraph -->
<p>Panel 1</p>
<!-- /wp:paragraph --></section>
<!-- /wp:tab-panel -->

来源

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