MenuChevron Down
SegmentGroup Grupo Segmentado - Docs - Artefact

SegmentGroup Grupo Segmentado

Forms
Detecção automática inteligente

Um grupo de botões parecidos com rádio que se parecem com um único controle segmentado.

Uso

Construtor de páginas do CMS

Este componente está disponível como um bloco segmentGroup no Construtor de Páginas (content/pages/*.json):

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

Propriedades

PropTypeDefaultDescription
labelstring-Rótulo do grupo.
itemsSegmentGroupItem[]-Array de itens com label e value.

Configuração do 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 }

Hidratação

Nível 2: se hidrata quando value, defaultValue, ou onValueChange é fornecido.