```ts import Toggle from "~/components/ui/Toggle.vue" ``` # Toggle Toggles are basic form inputs that visually represent a boolean value. Toggles 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](button#on-off). | Prop | Data type | Required? | Description | | --------------- | --------- | --------- | ---------------------------------------- | | `big` | Boolean | No | Controls whether a toggle is big or not. | | `v-model:value` | Boolean | Yes | The value controlled by the toggle. | ## Normal toggle Link your toggle to an input using the `v-model` directive. ```vue-html ``` ## Add label ```vue-html{2} ``` ## Big toggle Pass a `big` prop to create a larger toggle. ```vue-html{2} ```