Checkbox

Controle de seleção para escolhas independentes.

Uso

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

const aceito = ref(false)
</script>

<template>
  <Checkbox v-model="aceito" label="Aceito os termos de uso" />
</template>

Exemplos

<Checkbox label="Desmarcado" />
<Checkbox label="Marcado" :model-value="true" />
<Checkbox label="Desabilitado" :disabled="true" />
<Checkbox size="lg" color="lime" label="Lime" :model-value="true" />

Props

Prop	Tipo	Padrão
modelValue	boolean	—
defaultChecked	boolean	false
indeterminate	boolean	false
size	"sm" | "md" | "lg"	"md"
color	"blue" | "black" | "lime"	"blue"
label	string	—
disabled	boolean	false
required	boolean	false
name	string	—
value	string	—

Events

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