UxToggle
components/ux/Toggle.vue
Toggle switch with styled pill track and circle, configurable size, and disabled state.
label prop
#label slot
checked: true · slotChecked: false
components/ux/Toggle.vue
Usage
<UxToggle
label = "—"
:disabled = "false"
:permaChecked = "false"
size = "medium"
:reverse = "false"
>
Content here
</UxToggle>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | String | '' | Label text |
| disabled | Boolean | false | Disables the toggle |
| permaChecked | Boolean | false | Forces checked visual state |
| size | String | 'medium' | micro, tiny, small, medium, large |
| reverse | Boolean | false | Label on left, toggle on right |
Slots
| Slot | Description |
|---|---|
| default | The <input type="checkbox"> element |
| label | Rich label content (overrides label prop) |