Formularios

Casillas (checkboxes)

Marca una opción como activa, de forma independiente al resto.

Uso

<vadavo-checkbox> genera su propio input type="checkbox" dentro de su shadow root y participa en FormData como un campo nativo: solo se envía mientras está marcado, con el texto del atributo value (por defecto "on"). El texto entre sus etiquetas de apertura y cierre es la etiqueta del control.

Ejemplo

Suscribirme a la newsletter.

Acepto los términos y condiciones de uso.

Número nuevo desde un stack

Número nuevo provisto

<div class="field-group">
    <vadavo-checkbox name="newsletter" checked>Suscribirme a la newsletter.</vadavo-checkbox>
    <vadavo-checkbox name="terms" required>Acepto los términos y condiciones de uso.</vadavo-checkbox>
    <vadavo-checkbox name="stack" disabled>Número nuevo desde un stack</vadavo-checkbox>
    <vadavo-checkbox name="provided" disabled checked>Número nuevo provisto</vadavo-checkbox>
</div>

Tokens semánticos

Token	Qué es
`--checkbox--color--mark`	El color de la marca de verificación.
`--checkbox--radius--box`	El radio de borde de la casilla.