A
Accueil > Components > FileField

FileField

Champ de sélection de fichier avec label et validation MIME.TagsuiExemples2StylesDisponibles
Default
Document
Choisir un fichierAucun fichier choisi.
Image uniquement
Choisir un fichierAucun fichier choisi.
Avec erreur
Choisir un fichierAucun fichier choisi.
Ce champ est requis
export const Default = () => (
<Box display="flex" flexDirection="column" gap={24}>
<FileField label="Document" value={null} onChange={() => {}} />
<FileField label="Image uniquement" type="image/*" value={null} onChange={() => {}} />
<FileField label="Avec erreur" value={null} error="Ce champ est requis" onChange={() => {}} />
</Box>
);
Multiple
Documents
Choisir un fichierAucun fichier choisi.
export const Multiple = () => <FileField label="Documents" value={null} multiple onChange={() => {}} />;
Alveole UI Kit — v1.8.4