raystack / raystack/apsara

[FilterChip] Support ref as prop

Open
#616 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

component triage
Dominant language
TypeScript
Stars
70
Forks
13
Avg merge
2d 5h
Merged PRs (30d)
8

Description

Summary

FilterChip is a custom component for filter UI patterns. Has heavy CSS specificity issues and unused styles.

Improvements

3. Accept ref as a prop

Component doesn't support ref.

Moved to Cross-Cutting Issues

The following items have been moved to cross-cutting issues that address them across all components:

  • Replace hardcoded CSS values with design tokens (#672)
  • Forward HTML attributes (#674)
  • Remove !important declarations (#678)
  • Clean up deprecated code (#682)

Files

  • packages/raystack/raystack/components/filter-chip/

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

Start in packages/raystack/raystack/components/filter-chip/ and read the FilterChip implementation and its surrounding files. Confirm the expected ref behavior from existing project conventions, then verify that FilterChip accepts a ref as a prop without changing the separate cross-cutting issues.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.