mi6 / mi6/ic-ui-kit

Include toggle option on cards so that they can be 'selected/unselected/

Open
#1,023 1 comment 0 reactions 0 assignees View on GitHub
card component
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

## Summary
Cards currently allow this using a checkbox on the card, whereas the user expectation is that the whole card should be clickable and then selected.

## 💬 Description
Need a selection state on cards that doesn't rely solely on colour. The introduction of a 'selection bar' similar to tabs, side nav and other selectable components could be a good solution to try.

## 💰 Use value
Provides greater functional flexibility on cards so that they can be used for wider array of situations.

## Additional info
Tell us anything else useful to help us understand your suggestion.

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the existing card component and the selection patterns used by tabs and side navigation. Determine how whole-card selection should expose selected and unselected states without relying only on colour, then confirm the interaction and visual behavior for the proposed selection bar before implementation.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, design, 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.