import Toggle from "@ui/Toggle.vue"

Toggle ​

Toggles are basic form inputs that visually represent a boolean value.

{
  big?: boolean
  label: string
}

A toggle can be on (true) or off (false). For actions with more than 2 states or delayed, fallible, or effectful actions, consider using a Button with aria-pressed logic instead. Use v-model to bind a boolean to the toggle state.

<Toggle label="Enable audio input" v-model="toggle" />

Add label ​

<Toggle v-model="toggle" label="Option 358" />

Big toggle ​

Pass a big prop to create a larger toggle.

<Toggle
   big
   v-model="toggle"
   label="I am big"
/>

<Toggle
  v-model="toggled"
  label="Enable plugins"
/>