Switch
Overview
Switch is an input widget that provides a toggle switch for boolean values on the dashboard. Users can flip the switch on or off, and the state is written to the bound flow variable as a boolean.
Switch widget on the Dashboard
Widget Info
| Field | Value |
|---|---|
| Type | Input |
| Description | Toggle switch for boolean values |
| Data Types | boolean |
| Dev Stage | Beta |
Data Source
The Data Source dropdown binds the widget to a flow variable. The switch state (on/off) is stored into this variable when the user toggles it. The variable must be of type boolean.
Settings
Switch settings panel
Label
Label displayed on the widget.
Label Color
Color of the label text. Use the color swatch to pick a custom color, or press the reset button (↺) to restore the default.
Layout
Layout style of the switch.
| Value | Description |
|---|---|
default | Label appears above the switch (stacked vertically) |
row | Label and switch appear side by side on the same row |
Read Only
When enabled, prevents the user from toggling the switch.
Advanced Options
Enable Advanced Options at the top right of the settings panel to reveal the following additional settings.
Label Class Name
Tailwind CSS class name applied to the label element for custom styling.
Label Icon ID
The icon to display next to the label.
Label Icon Class Name
Tailwind CSS class name applied to the label icon element for custom styling.