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

PropertyDescription
Component nameTo alter the name of the component. The name is reflected in the Layout tree. Defaults to Switch Row.
Inactive Track ColorSet the color of the Switch component when its value is false.
Active Thumb ColorSet the color of the thumb when the component value is true.
Inactive Thumb ColorSet the color of the thumb when the component value is false.
DirectionSet the direction of label and switch component using a dropdown menu.

Values: row (default) and row-reverse.
Active Track ColorSet the color of the Switch component when its value is true.

Data Configuration

PropertyDescription
LabelSet the value of the label in the Switch Row component.

You can also initialize the label value from a data source.
DisabledRemove 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 valueInitialize the stateful component with a value from a data source.