The Radio component allows users to select a single option from a list of options displayed in radio-style format. Users can click a selected option to deselect it, returning the field back to its original state.

Unique Settings: Field Examples | Guidance | JSON

Data Source Type: The source to use for the Radio component options:

• Values: Create a static list of options. The Label is the user-facing identifier, while the Value is saved in the database.
• Data Source URL: Use an external API to populate the options dynamically.

Example - Populating Radio Buttons with U.S. States:

1. Set the Data Source URL (e.g., https://cdn.rawgit.com/mshafrir/2646763/raw/states_titlecase.json).
2. Specify the Value Property to store in the metadata (e.g., abbreviation).
3. Customize the Item Template to display a readable name (e.g., {{ item.name }}).

Shortcut: Assign a keyboard shortcut for selecting an option.

Options Label Position: Determines where the option label appears relative to the radio button.

Inline Layout: Displays options horizontally instead of vertically.