mi6 / mi6/ic-ui-kit

[Feature request] Colour picker component

Open
#4,656 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

# [Feature] Colour picker component

ICDS has no component for colour selection. The alternatives are the native ``, whose UI is browser-controlled and inconsistent with ICDS, or a third-party picker that ignores ICDS tokens, focus styles and high contrast handling.

**As an ICDS user**, I need to select a colour from a palette or as a custom value, **so that** I can configure visual attributes in the products I build.

**As a screen reader or keyboard user**, I need the selected colour announced as text and the picker fully keyboard-operable, **so that** the choice isn't conveyed by appearance alone.

A palette-only component would already cover most of these cases if a full free-form picker is more than the working group wants to take on.

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

Use the issue requirements as the starting point: determine whether the first scope is a palette-only component or a full custom picker. Define how selected colours are announced as text and how keyboard operation, ICDS tokens, focus styles, and high-contrast handling should work. Done means the chosen scope supports these accessibility and styling requirements.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.