Soliguide

Formulaires

Boutons, champs de saisie, cases à cocher, interrupteurs et filtres.

8 composants dans cette section : 6 viennent de DaisyUI et s'utilisent tels quels, 2 sont maison et vivent dans notre feuille de style. Avant d'en créer un nouveau, vérifie que DaisyUI ne le fait pas déjà — c'est presque toujours le cas.

.selectDaisyUI · 9 projets

Le composant le plus universel du parc : présent dans 9 projets sur 11. Toujours accompagné d'un label visible ou d'un aria-label.

.inputDaisyUI · 9 projets

Un placeholder n'est pas un label : il disparaît dès la saisie.

.btnDaisyUI · 8 projets

Un seul bouton primaire par écran. Toujours `type` explicite : sans lui, un bouton dans un formulaire vaut `submit`.

.checkboxDaisyUI · 5 projets

La case est enveloppée dans son label : toute la zone devient cliquable, ce qui compte sur mobile.

.filterDaisyUI · 4 projets

Filtres de liste. L'URL reste la source de vérité de l'état : chaque combinaison est une adresse.

.toggleDaisyUI · 2 projets
Groupe de filtres

Un jeu de filtres exclusifs ou cumulables. L'état sélectionné se lit sur l'input natif, pas sur une classe : impossible que l'affichage et l'accessibilité divergent.

Option de filtre

Un choix dans un groupe de filtres. L'input reste dans le flux pour le clavier et les lecteurs d'écran : seule sa représentation visuelle est remplacée.