From ef344e0aeea045c08effb7ee1dba6c3176793d82 Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Fri, 23 Jun 2023 12:19:29 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D(react)=20add=20FileUploader=20to?=
 =?UTF-8?q?=20example?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The goal is to give a real-life showcase of our components.
---
 .../react/src/components/Forms/Examples/index.stories.tsx  | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/react/src/components/Forms/Examples/index.stories.tsx b/packages/react/src/components/Forms/Examples/index.stories.tsx
index c0beb69..d715a60 100644
--- a/packages/react/src/components/Forms/Examples/index.stories.tsx
+++ b/packages/react/src/components/Forms/Examples/index.stories.tsx
@@ -5,6 +5,7 @@ import { Checkbox } from ":/components/Forms/Checkbox";
 import { Button } from ":/components/Button";
 import { Select } from ":/components/Forms/Select";
 import { CunninghamProvider } from ":/components/Provider";
+import { FileUploader } from ":/components/Forms/FileUploader";
 import { Switch } from ":/components/Forms/Switch";
 import { Radio } from ":/components/Forms/Radio";
 
@@ -88,6 +89,12 @@ export const Application = () => {
         />
         <Input label="ZIP" fullWidth={true} />
         <Input label="City" fullWidth={true} />
+        <div className="fs-m fw-medium">Your curriculum vitae</div>
+        <FileUploader
+          fullWidth={true}
+          text="pdf only ( 4mb maximum )"
+          accept="application/pdf"
+        />
         <div>
           <Switch label="SMS Notification" fullWidth={true} />
           <Switch label="Subscribe to newsletter" fullWidth={true} />