Toggle

Display a toggle input element.

Usage

Use v-model to make the toggle component reactive.

<script lang="ts" setup>
const toggleValue = ref(false)
</script>

<template>
  <CToggle
    v-model="toggleValue"
    label="Example radio option"
  />
</template>

Disabled

<template>
<CToggle disabled label="Example radio option" />
</template>

Props

id
string
label
string
modelValue
boolean
false
disabled
boolean