Radio Button

Radio buttons allow users to select one option.


Form item name: This is the name that the encompassing form will use to access the output of the checkbox. See Custom Form for how it's used.

Options: Each option has 2 input boxes. The upper box holds the actual value the checkbox takes (that will be able to be used from the output array) and the lower box holds the display name of that checkbox.

Default value: Select which option will be the default value.

Border style: Toggling this on will create borders around each option.

Button style: Change the style. When toggled on, each option will turn into a button.

Size: Choose the size of the checkbox. Options include, small, default, and large.

Disabled: When toggled on, users will not be able to select an option.

See Form Check for data validation.

See Tooltip for tooltip configurations.


The output of a radio button is the value of the option that's selected.

Supported Events

Select Value: Triggered when users select an option.

Supported Actions

Set Value: Set the output value.

Set Validate Result: Set whether the input is valid.

Set Data: Change element data. See Data Store.

Set Loading: Set loading animation. See Set loading animations.

Visit Interactions for more on events and actions.

Last updated