Label

Étiquette de champ de formulaire avec ref forwarding. Affiche un astérisque rouge quand la prop requiredest à true.

Démo en direct

Nom complet

Adresse email*

Mot de passe*

Les labels avec requiredaffichent un astérisque rouge.

Code source complet — copier-coller

Exemple d'utilisation avec un champ obligatoire et un champ optionnel.

import { Label, Input } from "@ramses1er/cbk-toolkit/client";

// Champ optionnel
<Label>Nom complet</Label>
<Input type="text" placeholder="Votre nom" />

// Champ obligatoire
<Label required>Adresse email</Label>
<Input type="email" placeholder="votre@email.com" />

Props

Prop	Type	Défaut	Description
required	boolean	false	Affiche un astérisque rouge (*) à droite du texte
ref	React.Ref<HTMLLabelElement>	—	Ref forwarding vers l'élément `<label>` natif
...props	LabelHTMLAttributes	—	Toutes les props HTML natives (htmlFor, className, etc.)

Comportement

Style de base : font-semibold text-gray-600 block
Quand required est true, un <span> avec la classe text-red-500 ml-1 contenant *est ajouté après le contenu
Supporte le ref forwardingpour l'accès au DOM
Taille du texte et couleur homogènes avec le reste du toolkit