Soliguide

Checkbox

Une case à cocher, pour un choix oui/non ou une sélection multiple. Huit couleurs, quatre tailles.

Vue d'ensemble : color × size

Réglages

Chaque réglage correspond à une propriété du composant.

La couleur de la case, une fois cochée.

La taille, de petit (sm) à très grand (xl).

Case cochée au départ.

Case désactivée : grisée, et sans action possible.

Le nom lu par les lecteurs d'écran. Obligatoire si la case n'a pas de <label> à côté.

Le nom du champ, envoyé avec le formulaire.

La valeur envoyée avec le formulaire quand la case est cochée.

Des classes en plus, pour tester une personnalisation.

Le code correspondant
import Checkbox from "@neo/ui/components/Checkbox.astro";

<Checkbox />