A basic switch that can be toggled between a selected and unselected state.

Adding a Switch Component

  • Select the Switch 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 Components tree. Defaults to Switch.
Active Track ColorSet the color of the Switch component when its value is true.
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.

Data Configuration

PropertyDescription
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 SourceInitialize the stateful component with a value from a data source.