You're viewing documentation for Draftbit Classic (v1), our previous
platform. See the current Draftbit docs.
Radio Button Row
A button with a label used to indicate a single user selection out of a list of options. They are used inside a Radio Button Group component.
Style Properties
Section titled “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
Section titled “Component Specific Styles”| Direction | Set the direction of label and radio button component using a dropdown menu. Values: row (default) and row-reverse. |
| 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. |
Configuration Properties
Section titled “Configuration Properties”| Component name | To alter the name of the component. The name is reflected in the Layout tree. Defaults to Radio Button Row. |
Data Configuration
Section titled “Data Configuration”| Property | Description |
|---|---|
| Label | Set the value of the label in the Radio Button Row component. You can also initialize the label value from a data source. |
| Value | Initialize the stateful component with a value from a data source. |
Conditional Display
Section titled “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
Section titled “Triggers”| Trigger name | Description |
|---|---|
| On Press | Runs the Actions when the component is pressed |