Skip to content

Radio Group

A group of radio buttons for selecting exactly one option from a set. All options in the group share the same field name.

Properties

PropertyTypeDefaultDescription
nametext''The field name. Must match your database column name.
labeltext''The visible label displayed above the radio group.
optionstext''Comma-separated list of option values (e.g., small,medium,large).

Events

  • onChange -- Fires when the selected option changes.

Example

A size selector:

name: size
label: Select Size
options: small,medium,large

A priority selector:

name: priority
label: Priority
options: low,normal,high,urgent

Tips

  • Place inside a Form Container for the value to be included in form submissions.
  • Options are entered as a comma-separated string. Each value becomes both the radio button's value and its displayed label.
  • The submitted value is the text of the selected option (e.g., "medium").
  • Use Radio Group when there are 2-5 options that should all be visible at once. For longer option lists, use the Select widget (dropdown) instead.
  • Style the radio group layout (horizontal vs. vertical) using the Design tab's flex properties.