Radio Button
A button is used to indicate a single user selection out of a set of options. They are used inside a Radio Button Group component.
Style Properties
Style properties allow you to customize the look and feel of the component. Combinations of styles applied to components can be saved as Stylesheets to easily reuse styles throughout your app. Styles can also be set dynamically using Variables. To learn more about all the different styling properties and how they work, take a look at Intro to Styling.
Component Specific Styles
Property | Description |
---|---|
Color | Select the color of the radio button in the selected state. |
Unselected Color | Select the color of the radio button outline in the unselected state. |
Size | Size of the Radio Button component. |
Configuration Properties
Property | Description |
---|---|
Component name | To alter the name of the component. The name is reflected in the Layout tree. Defaults to Radio Button. |
Data Configuration
Property | Description |
---|---|
Value | Initialize the stateful component with a value from a data source. |
Disabled | Set the state of the Radio Button to a disabled state. |
Unselected Icon | Select an icon from the icon picker to display when for the unselected state. |
Custom Unselected Icon | Render an icon using a string of the icon's identifier. Overrides the 'icon' property. Full list of icons here. Ex: 'Foundation/align-right', 'Feather/check' |
Selected Icon | Select an icon from the icon picker to display when for the selected state. |
Custom Selected Icon | Render an icon using a string of the icon's identifier. Overrides the 'icon' property. Full list of icons here. Ex: 'Foundation/align-right', 'Feather/check' |
Conditional Display
You can conditionally display a component based on a given condition. Learn more about conditionally displaying components in the Conditional Display doc.
Triggers
Trigger name | Description |
---|---|
On Press | Runs the Actions when the component is pressed |
Updated 5 months ago