The Radio Button component

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:

  1. Open the Components panel, then the UI folder.
  2. Drag the Radio Button  component to the stage.
  3. 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.
  4. You may want to use the Label component to display text for the radio button.

Properties

Property Description
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 actions

Events sent by the Radio Button component

You can trigger other actions based on the following Radio Button component event:

Event Description
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.

Preview

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.

Was this helpful?
How can we improve it?