
Toggle switch
Toggle switches are used to adjust settings and turn filters on and off.
External resources
Fully implemented in LOGEX Framework.
Variants
There are two main variants: 2-state and 3-state toggle switches. The 3-state switch is used exclusively in filters to include or exclude an option.

- 2-state switch
- 3-state switch
States
The 2-state switch can be off and on. The 3-state switch can be unset, set to contain, and set to exclude.

- Unset (or turned off)
- Set (turned on or filter contains selected)
- Set (filter excludes selected)
Anatomy

- Switch
- Contains/Excludes tag (optional)
- Label (required)
Usage
Do not use the switch alone. Always include the label.

Use the toggle switch for cases when the change is applied immediately, such as in settings or filters.

Do not use toggles for lists.

Instead, use checkmarks or radio buttons.