Checkbox

Checkbox estilo terminal con [x] / [ ].

Checkbox

Demo

<Checkbox v-model="checked" label="Opción A" />
<Checkbox v-model="checked" color="success" label="Opción B" />
<Checkbox v-model="checked" disabled label="Deshabilitado" />

Props

label

Texto que se muestra junto al checkbox.

<Checkbox v-model="checked" label="Aceptar términos" />

color

Color del bracket [ ] cuando está marcado.

<Checkbox v-model="checked" color="primary" label="Primary" />
<Checkbox v-model="checked2" color="success" label="Success" />
<Checkbox v-model="checked2" color="warning" label="Warning" />
<Checkbox v-model="checked2" color="danger" label="Danger" />

disabled

Deshabilita la interacción.

<Checkbox v-model="checked" disabled label="Deshabilitado" />

Events

Evento	Payload	Descripción
update:modelValue	boolean	Se emite al hacer toggle

API

Prop	Tipo	Default	Descripción
modelValue	boolean	false	Estado del checkbox (v-model)
color	'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark'	'primary'	Color del bracket
disabled	boolean	false	Deshabilitar interacción
label	string	''	Texto junto al checkbox

Tokens usados

--font-mono, --color-*