mi6 / mi6/ic-ui-kit

Quick filter bar

Open
#236 2 comments 0 reactions 0 assignees View on GitHub
pattern status: needs more information
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

## Summary

We have a requirement to be able to filter results by a set of predefined options (active state in this example). So we will be creating a simple bar that will have a set of buttons that can be toggled to control which results are shown on a page. We did consider if this component should be integrated into the header but will be making it as a stand-alone component to maximise versatility which then could still be added to the header at a later date.

## 💰 User value

To be populated in the future.

## 📚 User Stories

To be populated in the future.

## 📝 Acceptance Criteria

To be populated in the future.

## ✏ Designs
Example of the filter bar.
![image (1)](https://user-images.githubusercontent.com/90764530/212724307-15206d36-5fc3-41cc-9e16-8a859eb9d341.png)

Contributor guide

Open the contributing guide

Research direction

No file, test, or entry point is named. Review existing standalone components and the linked filter-bar design first; clarify the predefined options, toggle behavior, result integration, and acceptance criteria before implementation.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.