Переключатель

Компактный toggle control для boolean-настроек.

Установка

npx alixan-ui-nuxt add switch

Использование

Use v-model to bind the boolean state.

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

<template>
  <Switch v-model="checked" label="Airplane Mode" />
  <Switch v-model="disabledChecked" label="Disabled" disabled />
</template>

Справочник API

СвойствоТипПо умолчаниюОписание
modelValuebooleanfalseВыбранное состояние, используемое через v-model.
labelstring-Опциональный label рядом со switch.
disabledbooleanfalseОтключает взаимодействие со switch.