Radio Button
This node renders a single radio button option.
The Radio Button node represents one choice in a set. Usually used within a Radio Button Group.
The Radio Button node displays a circular selection indicator. Unlike a checkbox, radio buttons are typically used for mutually exclusive choices. While this node can function standalone, it is designed to work inside a Radio Button Group.
Inputs
General
| Data | Description |
|---|---|
| Value | The value this button represents (e.g., "option1"). |
| Label | The text to display next to the button. |
| Checked | Boolean. Whether this specific button is selected. |
Style
| Data | Description |
|---|---|
| Fill Color | Color of the inner circle when selected. |
Outputs
States
| Data | Description |
|---|---|
| Checked | True if this button is currently selected. |
Usage
Standalone (Rare)
You can use logic to manually manage a set of Radio Buttons by unchecking others when one is checked, but it is much easier to use the Radio Button Group.
Detailed Behavior
- Visuals: Renders a circle that fills when checked.
Troubleshooting
- Multiple Selected: If using standalone buttons, nothing prevents multiple from being checked. Use a Group to enforce mutual exclusivity.