Label

Etiquette accessible pour les champs de formulaire, construite sur Radix UI Label. Lie automatiquement le label au champ via htmlFor. Adapte son apparence quand le champ associe est desactive.

Preview

Nom de la session

Indicateur requis

Ajoutez un asterisque rouge pour indiquer les champs obligatoires. Convention : <span className="text-destructive">*</span>

Type de puzzle *

Etat desactive

Quand l'input est desactive, le label adopte automatiquement un style attenue (peer-disabled:cursor-not-allowed peer-disabled:opacity-70).

Champ desactive

Props

Prop	Type	Default	Description
htmlFor	string	—	L'id de l'element de formulaire auquel le label est associe. Cliquer sur le label donnera le focus au champ.
className	string	—	Classes CSS additionnelles. Par defaut : text-sm font-medium leading-none.
children	ReactNode	—	Le texte du label et les elements enfants (comme un indicateur requis).