Toggle

A boolean switch built on reka-ui.

Examples

Basic

Enable vaccination

<script setup>
import { ref } from "vue";
const enabled = ref(false);
</script>

<Toggle v-model="enabled" label="Enable vaccination" />

With hint

Enable isolation

<Toggle
  v-model="enabled"
  label="Enable isolation"
  hint="Whether symptomatic individuals are isolated"
/>

Disabled

Locked setting

<Toggle v-model="value" label="Locked setting" :disabled="true" />

Model

Name	Type
v-model	boolean

Props

Prop	Type	Required	Default
label	string	Yes	—
hint	string	No	—
disabled	boolean	No	—