MenuChevron Down
SegmentGroup 分段控件 - Docs - Artefact

SegmentGroup 分段控件

Forms
智能自动检测

一组外观类似单个分段控件、行为类似单选按钮的按钮。

用法

CMS 页面构建器

该组件可作为 segmentGroup 区块在 页面构建器content/pages/*.json)中使用:

{
  "type": "segmentGroup",
  "label": "View",
  "items": [
    { "label": "List", "value": "list" },
    { "label": "Grid", "value": "grid" }
  ]
}

属性

属性类型默认说明
labelstring-组标签。
itemsSegmentGroupItem[]-包含 labelvalue 的条目数组。

CMS 配置

- label: SegmentGroup
  name: segment-group
  widget: object
  fields:
    - { label: Label, name: label, widget: string, required: false }
    - label: Items
      name: items
      widget: list
      fields:
        - { label: Label, name: label, widget: string }
        - { label: Value, name: value, widget: string }

水合

Tier-2:当提供了 valuedefaultValueonValueChange 时进行水合。