Switch Row
A Switch component that can be toggled between a selected and unselected state and allows you to define a label.
Adding a Switch Component
- Select the Switch Row component from the Components drawer. You can open the list of components by clicking the
+
button next to Components.
Configuration Properties
Property | Description |
---|---|
Component name | To alter the name of the component. The name is reflected in the Layout tree. Defaults to Switch Row. |
Inactive Track Color | Set the color of the Switch component when its value is false . |
Active Thumb Color | Set the color of the thumb when the component value is true . |
Inactive Thumb Color | Set the color of the thumb when the component value is false . |
Direction | Set the direction of label and switch component using a dropdown menu. Values: row (default) and row-reverse . |
Active Track Color | Set the color of the Switch component when its value is true . |
Data Configuration
Property | Description |
---|---|
Label | Set the value of the label in the Switch Row component. You can also initialize the label value from a data source. |
Disabled | Remove toggle functionality, gray out the switch, and sets it as unselected. You can also initialize it by a boolean value from a data source. Accepted values: true or false . |
Data Source value | Initialize the stateful component with a value from a data source. |
Updated 3 months ago