mi6 / mi6/ic-ui-kit

File Upload Input Field

Open
#180 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

## Summary
The FileUpload, would upload files and preview files. These files would be the following: .pdf, .png, .jpeg, .jpg.
Users should be able to 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
In Figma

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No implementation files, tests, or Figma link are provided. Start by locating the existing component and reviewing similar input and drop-zone components, then clarify the intended interactions, validation, preview, and completion criteria before estimating the work.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.