The Radio Button component lets you add a radio button and assign it to a radio group. Users can select only one radio button at a time within a radio group.
If you want users to be able to select multiple options from a group, use the Checkbox component instead.
To use the Radio Button component in your project:
- Open the Components panel, then the UI folder.
- Drag the Radio Button component to the stage.
- If this radio button is part of a radio group (which limits users to selecting only one radio button at a time within the group), enter the Radio group name in the Radio Button properties section of the Properties panel.
- You may want to use the Label component to display text for the radio button.
|Name||The component name.|
|Checked||If checked, this radio button is selected by default.|
|Value||The value of this radio button when it's selected.|
|Radio group name||The name of the radio group that this radio button belongs to. Only one radio button in a radio group can be selected at a time.|
Events and actionsEvents sent by the Radio Button component
You can trigger other actions based on the following Radio Button component event:
|Change||Sent when the radio button is selected or unselected (due to the selection of a different radio button in the radio group).|
To select this event in the Event dialog, set the Radio Button component as the target.
Learn how to configure events.
You can't interact with UI components inside the Google Web Designer interface. To see the component in action, preview your document in your preferred browser. The appearance of UI components may vary depending on the browser.