Switch

Basic switch

Checked: false

<script setup>
import { ref } from 'vue'
const checked = ref(false)
</script>

<template>
  <FuiSwitch v-model="checked" />
</template>

Checked state

<FuiSwitch :model-value="true" />

Disabled

<FuiSwitch disabled />
<FuiSwitch :model-value="true" disabled />

Props

Prop	Type	Default	Description
modelValue	boolean	false	Toggle state
disabled	boolean	false	Disabled state