Switch

Controle de alternância binária para ligar/desligar configurações.

Uso

<script setup lang="ts">
import { Switch } from '@halfbyte/maka'
import { ref } from 'vue'

const ativo = ref(false)
</script>

<template>
  <Switch v-model="ativo" label="Notificações" />
</template>

Exemplos

<Switch label="Desligado" />
<Switch label="Ligado" :model-value="true" />
<Switch label="Desabilitado" :disabled="true" />
<Switch size="sm" color="lime" label="Lime small" :model-value="true" />
<Switch label="Label à esquerda" label-position="left" />

Props

Prop	Tipo	Padrão
modelValue	boolean	—
defaultChecked	boolean	false
label	string	—
labelPosition	"right" | "left"	"right"
size	"sm" | "md"	"md"
color	"blue" | "black" | "lime"	"blue"
disabled	boolean	false
name	string	—

Events

Evento	Payload	Descrição
update:modelValue	boolean	Emitido ao alterar o estado