Un groupe de boutons de type radio qui ressemblent à un seul contrôle segmenté.

Utilisation

Constructeur de pages CMS

Ce composant est disponible sous forme de bloc segmentGroup dans Page Builder (content/pages/*.json) :

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

Propriétés

Propriété	Type	Défaut	Description
label	string	-	Étiquette de groupe.
items	SegmentGroupItem[]	-	Tableau d'éléments avec « label » et « value ».

Configuration du 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 }

Hydratation

Niveau 2 : s'hydrate lorsque « value », « defaultValue » ou « onValueChange » est fourni.