mi6 / ic-ui-kit

Intelligence Community UI Kit (based on StencilJS)
MIT License
25 stars 25 forks source link

File Upload Input Field #180

Open GCHQ-Developer-530 opened 1 year ago

GCHQ-Developer-530 commented 1 year ago

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. Screenshot 2021-12-06 at 09 53 06 Screenshot 2021-12-06 at 09 52 40

ย ๐Ÿงพ Guidance

If there's written guidance or documentation, include it here.

MI6-255 commented 11 months ago

File upload option for IcButton

MI6-255 commented 11 months ago

1050