studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

📝(react) add FileUploader to example

Browse Source 
The goal is to give a real-life showcase of our components.
This commit is contained in:
Nathan Vasse
2023-06-23 12:19:29 +02:00
committed by NathanVss
parent 80e8dc45eb
commit ef344e0aee
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/react/src/components/Forms/Examples/index.stories.tsx
View File

@@ -5,6 +5,7 @@ import { Checkbox } from ":/components/Forms/Checkbox";
import { Button } from ":/components/Button"; import { Button } from ":/components/Button";
import { Select } from ":/components/Forms/Select"; import { Select } from ":/components/Forms/Select";
import { CunninghamProvider } from ":/components/Provider"; import { CunninghamProvider } from ":/components/Provider";
import { FileUploader } from ":/components/Forms/FileUploader";
import { Switch } from ":/components/Forms/Switch"; import { Switch } from ":/components/Forms/Switch";
import { Radio } from ":/components/Forms/Radio"; import { Radio } from ":/components/Forms/Radio";
@@ -88,6 +89,12 @@ export const Application = () => {
/> />
<Input label="ZIP" fullWidth={true} /> <Input label="ZIP" fullWidth={true} />
<Input label="City" 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> <div>
<Switch label="SMS Notification" fullWidth={true} /> <Switch label="SMS Notification" fullWidth={true} />
<Switch label="Subscribe to newsletter" fullWidth={true} /> <Switch label="Subscribe to newsletter" fullWidth={true} />