mi6 / mi6/ic-ui-kit

Internal issue 2968 - Array of string entry component

Open
#3,036 0 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

Hi ICDS team\!

My team are implementing a form, in which we have used a number of the ICDS fields already, but we have realised we have need for a component which allows the user to enter an array of strings, which none of the current ICDS offerings seem to be able to facilitate.

There inevitably exist a number of components out there which serve this purpose, however we would ideally like to be able to use an ICDS-styled (and approved) component for visual consistency.

An example of such a component (which we have used in the past) would be the [MUI Autocomplete|https://mui.com/material-ui/react-autocomplete], with a combination of the [freeSolo|https://mui.com/material-ui/react-autocomplete/#free-solo] behaviour (allowing user input) and [multiple|https://mui.com/material-ui/react-autocomplete/#multiple-values] (which stores chosen values in the field as chips).

Please do let me know if such a component is something that you would be willing to implement, or if you have any ideas (or insider hints) as to how to use any existing ICDS components for this purpose.

Thanks\!

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

The issue names no files, tests, or entry points, so begin by locating the existing ICDS field components and their contribution guidance. The requested component should support user-entered arrays of strings with freeSolo and multiple-style chip behavior, but its API and design still need agreement.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, 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.