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"
+});