Switch
Tactile toggles with state feedback
Switch
Tactile toggles with clear state color and movement.
Status: Beta
Basic Usage
<template>
<TuffSwitch v-model="enabled" />
<TuffSwitch v-model="enabled" size="small" />
</template>
Demo
Toggle State
Movement and color change together.
Demo loads on client.
States
| Property | Type | Default | Description |
|---|---|---|---|
| disabled | - | - | Disabled state |
| loading | - | - | Loading state |
| size | smallmediumlarge | - | Size variants |
API (Lite)
| Property | Type | Default | Description |
|---|---|---|---|
| modelValue | Switch value | ||
| size | smallmediumlarge | Size | |
| disabled | Disabled state |
Design Notes
- Movement and color should sync.
- Use smaller size for dense lists, larger for settings.
Composite Patterns
Settings Row
Switch paired with labels.
Demo loads on client.
Was this helpful?