The FileUpload, would upload files and preview files. These files would be the following: .pdf, .png, .jpeg, .jpg.
Users should be able to drag a file or click a button to choose a file.
Once the user has uploaded a file, it should be inside the drop zone with perhaps a dashed border around it.
Below are some screenshots which may help with a WireFrame.
๐ฐ User value
Describe why this is important and how it will help users (either developers, designers or the end-users). Think about how it makes people's lives easier, more accessible or quicker to build stuff.
๐ User Stories
If relevant, describe the high-level functionality as user stories.
As an ICDS user:
I needSo that
๐ Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
GivenWhenThen
โ Designs
If there's a Figma design file (or other mock-up), include it here.
ย ๐งพ Guidance
If there's written guidance or documentation, include it here.
Summary
The FileUpload, would upload files and preview files. These files would be the following: .pdf, .png, .jpeg, .jpg. Users should be able to drag a file or click a button to choose a file. Once the user has uploaded a file, it should be inside the drop zone with perhaps a dashed border around it. Below are some screenshots which may help with a WireFrame.
๐ฐ User value
Describe why this is important and how it will help users (either developers, designers or the end-users). Think about how it makes people's lives easier, more accessible or quicker to build stuff.
๐ User Stories
If relevant, describe the high-level functionality as user stories.
As an ICDS user: I need So that
๐ Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given When Then
โ Designs
If there's a Figma design file (or other mock-up), include it here.
ย ๐งพ Guidance
If there's written guidance or documentation, include it here.