Checkbox
La case à cocher. Checkbox pose la case et son libellé côte à côte, CheckboxItem donne la case nue quand la mise en page fournit déjà le texte.
Utilisation
import { Checkbox, CheckboxItem } from "@monstera/ui"Avec libellé
Checkbox relie la case au libellé : cliquer le texte bascule la case. Le composant est contrôlé, l'état vit dans l'écran qui l'affiche.
États de la case
CheckboxItem est la case seule : sans libellé pour la nommer, elle réclame un aria-label. Désactivée, elle garde sa coche mais passe en gris.
Case parente
L'état indéterminé n'est pas un troisième état que la case atteint d'elle-même : l'écran le calcule depuis les enfants. Un clic dessus renvoie toujours true.
Accessibilité
Une case porte le nom de son libellé. Plusieurs cases qui répondent à une même question vont dans un conteneur role="group" nommé par cette question.
API
Checkbox
Prop
Type
CheckboxItem
Prop
Type
BigFieldNon officiel
La saisie d'un montant présentée en carte : une grande valeur, son unité collée, et de quoi l'aider (aide, erreur, raccourcis). Le champ porte la question centrale d'un écran, pas une ligne de formulaire.
Digit
La saisie d'un code reçu par SMS ou par mail, une case par chiffre. Le composant gère lui-même le déplacement d'une case à l'autre.