Skip to main content

Radio Button

Radio button widget can be used to select one option from a group of options.

oolJet - Widget Reference - RadioButton
tip

Radio buttons are preferred when the list of options is less than six, and all the options can be displayed at once.

info

For more than six options, consider using Dropdown widget.

Event: On select#

This event is triggered when an option is clicked.

Properties#

propertiesdescription
LabelThe text is to be used as the label for the radio button.
Default valueThe value of the default option.
Option valuesList of values for different items/options. Refer your query data with dynamic variables {{queries.datasource.data.map(item => item.value)}} or populate it with sample values {{[true, false]}}
Option labelsList of labels for different items/options. Refer your query data with dynamic variables {{queries.datasource.data.map(item => item.label)}} or populate it with sample values {{["yes", "no"]}}

Example#

ToolJet - Radio Button Widget Properties