RadioGroup - Docs - Artefact

RadioGroup

Forms

Smart auto-detect

A set of checkable buttons where only one can be checked at a time.

Usage

Choose an option

Option A

Option B

Option C

CMS Page Builder

This component is available as a radioGroup block in the Page Builder (content/pages/*.json):

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

Props

Prop	Type	Default	Description
`label`	`string`	-	Group label.
`items`	`RadioGroupItem[]`	-	Array of items with `label` and `value`.

CMS Configuration

- 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

Tier-2: Hydrates when value, defaultValue, or onValueChange is provided.