Toggle & Switch
On/off controls for settings, filters, and selections.
Toggle — Intents
Single toggle with semantic intent colors.
Button Group
Joined buttons sharing borders.
Toggle Group — Single
Radio-style selection — one active at a time.
Switch
Animated toggle switch. Checked state uses success color.
Small
Medium — On
Large
Disabled
MayaToggle Props API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
modelValue | Boolean | false | The pressed state of the toggle. Used with v-model. |
size | String | "md" | The size of the toggle. Options: "sm", "md", "lg". |
intent | String | "default" | The semantic color intent. Options: "default", "success", "warning", "danger", "info". |
disabled | Boolean | false | Whether the toggle is disabled. |
@update:modelValue | Event | — | Emitted when the toggle is pressed. |
#default | Slot | — | Content of the toggle button. |
MayaSwitch Props API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
modelValue | Boolean | false | The checked state of the switch. Used with v-model. |
size | String | "md" | The size of the switch. Options: "sm", "md", "lg". |
disabled | Boolean | false | Whether the switch is disabled. |
@update:modelValue | Event | — | Emitted when the switch is toggled. |