MenuChevron Down
SegmentGroup Grupo Segmentado - Docs - Artefact

SegmentGroup Grupo Segmentado

Forms
Detección automática inteligente

Un grupo de botones similares a radio botones que se ven como un único control segmentado.

Uso

Constructor de páginas del CMS

Este componente está disponible como un bloque segmentGroup en el Constructor de páginas (content/pages/*.json):

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

Propiedades

PropTypeDefaultDescription
labelstring-Etiqueta del grupo.
itemsSegmentGroupItem[]-Arreglo de elementos con label y value.

Configuración del 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 }

Hidratación

Nivel 2: se hidrata cuando se proporciona value, defaultValue u onValueChange.