Aller au contenu principal

Label

Utilisez Label pour associer un texte lisible a un champ. Les champs obligatoires recoivent un indicateur visible.

Preview
import { Input, Label } from "niom-parts";

<Label htmlFor="email" required>Email address</Label>
<Input id="email" type="email" />

Cas d'utilisation courants​

Utilisez les proprietes d'etat pour harmoniser le style du libelle avec celui du controle associe.

Preview

Proprietes​

ProprieteTypeValeur par defaut
childrenReactNoderequis
htmlForstring-
requiredboolean-
disabledboolean-
classNamestring-
forwardedRefForwardedRef<HTMLLabelElement>-