MenüChevron Down
RadioGroup Radio-Gruppe - Docs - Artefact

RadioGroup Radio-Gruppe

Forms
Intelligente Auto-Erkennung

Eine Gruppe von anklickbaren Schaltflächen, von denen jeweils nur eine aktiviert werden kann.

Verwendung

Choose an option

CMS-Seitenbauer

Diese Komponente ist als radioGroup-Block im Seitenbauer (content/pages/*.json) verfügbar:

{
  "type": "radioGroup",
  "label": "Choose an option",
  "items": [
    { "label": "Option A", "value": "a" },
    { "label": "Option B", "value": "b" }
  ]
}

Eigenschaften

EigenschaftTypStandardBeschreibung
labelstring-Gruppenbeschriftung.
itemsRadioGroupItem[]-Array von Elementen mit label und value.

| orientation | `'horizontal' \ | 'vertical'` | 'vertical' | Ausrichtung des Layouts. |

CMS-Konfiguration

- label: RadioGroup
  name: radio-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 }

Hydration

Stufe 2: Hydratisiert, wenn value, defaultValue oder onValueChange angegeben ist.