项目组

此功能仍处于实验阶段。“实验性”意味着这是一个早期实施,会发生剧烈而突破性的变化。

项目组显示的列表项目的组合和样式。

用法

项目组应与项目子组件.

导入{__experimentalItemGroup作为ItemGroup,__experimentalItem作为Item,}来自“@wordpress/components”;函数Example(){返回(<项目组><项目>代码</Item><Item>是</Item>诗歌</项目组>);}

道具

isBordered:布尔值

渲染每个项目周围的边框。

  • 必需:否
  • 违约:

isRounded:布尔值

使用圆角渲染。

  • 必需:否
  • 违约:真的

isSeparated:布尔值

单独渲染项目。即使是带边框的,仍将显示每个项目之间的边框。

  • 必需:否
  • 违约:

size:“小”|“中”|“大”

确定组件中的填充量。
未定义时,它默认为上下文中的值(即中等的默认情况下)。

  • 必需:否
  • 违约:中等的

上下文

这个项目子组件已连接到<项目组/>使用上下文因此,项目接收大小来自的道具项目组父组件。

在以下示例中<项目/>将渲染为小的:

导入{__experimentalItemGroup作为ItemGroup,__experimentalItem作为Item,}来自“@wordpress/components”;常量示例=()=>(<ItemGroup size=“small”><Item>项目文本</Item></ItemGroup>);