commencer
Boutons
bouton
bouton icon
groupe de bouton
Textes
tag
chip
carte info
carte alerte
lien
touche de clavier
accordeon
Popover
tooltip
popover
dropdown-menu
Dialogue
dialog
toast
Formulaire
form
input
input nombre
selection
textarea
checkbox
slider
sound-track
switch
input fichier
Temps
date-time-picker
date-picker
year-picker
month-of-year-picker
month-picker
day-picker
time-picker
Navigation
tabs
Données
caroussel
liste de données
objet
tableau responsive
tableau
squelette
loader ligne
cercle de progression
Graphique
graphique en ligne
graphique en bar
fermé la barre de navigation Alt + B

Input fichier

Import

import { InputFile } from "hamzus-ui"

Exemple

photo de profil *

Aucun fichier ajouté !

Cliqué sur "ajouter un fichier" pour ajouter un fichier.

accepter seulement les image

photo de profil (jpg, jpeg, png, gif)

Aucun fichier ajouté !

Cliqué sur "ajouter un fichier" pour ajouter un fichier.

Accepter les pdf

photo de profil (pdf)

Aucun fichier ajouté !

Cliqué sur "ajouter un fichier" pour ajouter un fichier.

Valeurs actuelle

Quand vous spécifié une valeur par default dans le formulaire si aucun fichier n'est selectionner alors il y aura des input hidden dans le formulaire avec comme name votre props name suivis de ActualImage comme suit : `${name}ActualImage`

Donc si vous envoyé le formulaire coté serveur que il n y a aucun fichier spécifié vous pouvez voir si la personne a retiré des fichier parmis les fichier lié

photo de profil * (pdf)

Ajouter une image et enregistrer aura pour conséquence de remplacer les images suivantes par ceux que vous inséré !

mon fichier pdf

Plusieur images par defaut

photo de profil * (jpg, jpeg, png, gif)

Ajouter une image et enregistrer aura pour conséquence de remplacer les images suivantes par ceux que vous inséré !