Switch

Docs

Switch

A control that allows the user to toggle between checked and not checked.

Label(description)*

Helper Text

Usage

vue

<script setup lang="ts">
import { Switch } from "wedges-vue";
</script>

<template>
  <Switch />
</template>

Prop	Type	Default
`alignLabel`	`'start' \| 'end'`	`'end'`
`ariaInvalid`	`false \| true \| 'true' \| 'false' \| 'grammar' \| 'spelling'`
`as`	`AsTag \| Component`	`'div'`
`asChild`	`boolean`	`false`
`checked`	`boolean`	`false`
`defaultChecked`	`boolean`	`false`
`description`	`string`
`disabled`	`boolean`	`false`
`for`	`string`
`helperText`	`string`
`id *`	`string`
`label`	`string`
`name`	`string`
`required`	`boolean`	`false`
`tooltip`	`string`
`value`	`string`

Emit	Description
`update:checked`

Label

Label(disabled)

Helper text

Label

Label(disabled)