Docs
Switch

Switch

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

Helper Text

Usage ​

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

<template>
  <Switch />
</template>

API Reference ​

Props ​

PropTypeDefault
alignLabel
'start' | 'end'
'end'
ariaInvalid
Booleanish | '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
EmitDescription
update:checked

Examples ​

Helper text
Edit this page on GitHub