KSwitch

A switch button.

Choose a city

interface KSwitchProps {
  modelValue: boolean
  label?: string
  disabled?: boolean
}

Basic usage

<script setup>
import { ref } from 'vue'

const toggle = ref(false)
</script>

<template>
  <KSwitch v-model="toggle" label="Alarm" />
</template>

Props

:model-value

The v-model binding for the switch button.

:label

A text label for the button. Optional.

:disabled

Disables the button if true.