Toggle

Display a toggle input element.

Usage

Use v-model to make the toggle component reactive.

Example radio optionsss

false

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

<template>
  <div class="max-w-40">
    <CToggle
      v-model="toggleValue"
      label="Example radio optionsss"
    />
    {{ toggleValue }}
  </div>
</template>

Disabled

disabled

Example radio option

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

Props

string

label

string

modelValue

boolean

false

disabled

boolean