Forms & Inputs

Switch

An on/off toggle styled like a physical switch, for immediate-effect settings.

Install

import { Switch } from 'vael-ui'

Switch label

label

disabled

invalid

size

name

motionCss ?

import { Switch } from 'vael-ui'

<Switch label="Switch label" :disabled="false" :invalid="false" size="md" name="" motionCss>Switch</Switch>

Name	Type	Default
`label`	`string \| undefined`
`disabled`	`boolean \| undefined`	`false`
`invalid`	`boolean \| undefined`	`false`
`size`	`"md" \| "sm"`	`"md"`
`name`	`string \| undefined`
`motionCss`	`boolean \| undefined`	`true`
`ui`	`Partial<{ root: UiPartValue; track: UiPartValue; thumb: UiPartValue; label: UiPartValue; }> \| undefined`
`modelValue`	`boolean \| undefined`	`false`

Name	Type	Description
`default`	`any`

Name	Type	Description
`update:modelValue`	`[value: boolean]`