A
Accueil > Components > PasswordField

PasswordField

Champ mot de passe avec label et bascule de visibilité.TagsuiExemples1StylesDisponibles
Default
Mot de passe
Avec erreur
Mot de passe incorrect
Désactivé
export const Default = () => (
<Box display="flex" flexDirection="column" gap={24}>
<PasswordField label="Mot de passe" placeholder="••••••••" />
<PasswordField label="Avec erreur" placeholder="••••••••" error="Mot de passe incorrect" />
<PasswordField label="Désactivé" value="monMotDePasse" disabled />
</Box>
);
Alveole UI Kit — v1.8.4