diff --git a/src/Upload.tsx b/src/Upload.tsx index 1aceadb47..af1409c2d 100644 --- a/src/Upload.tsx +++ b/src/Upload.tsx @@ -14,6 +14,7 @@ export type UploadProps = { hint?: string; /** @default false */ multiple?: boolean; + label?: ReactNode; /** @default "default" */ state?: "success" | "error" | "default"; /** The message won't be displayed if state is "default" */ @@ -31,6 +32,7 @@ export const Upload = memo( disabled = false, hint = t("hint"), multiple = false, + label = multiple ? t("add files") : t("add file"), state = "default", stateRelatedMessage, nativeInputProps = {}, @@ -71,7 +73,7 @@ export const Upload = memo( ref={ref} > { const options = ["default", "success", "error"] as const; @@ -44,6 +48,7 @@ const { meta, getStory } = getStoryFactory({ export default meta; export const Default = getStory({ + "label": undefined, "hint": "Texte de description", "state": "default", "stateRelatedMessage": "Text de validation / d'explication de l'erreur", @@ -73,3 +78,7 @@ export const WithHint = getStory({ export const Multiple = getStory({ "multiple": true }); + +export const WithCustomLabel = getStory({ + "label": "Téléversez votre image de profil" +});