Appearance
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
| Property | Type | Default | Description |
|---|---|---|---|
| name | text | '' | The field name. Must match your database column name. |
| label | text | '' | The visible label displayed above the radio group. |
| options | text | '' | 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,largeA priority selector:
name: priority
label: Priority
options: low,normal,high,urgentTips
- 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.