[Chip] Support ref as prop, add color options, and fix dismiss icon
Maintainer thường phản hồi trong vòng 2 ngày
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức phù hợp với người mới
- 42/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- react, typescript
- Lĩnh vực
- accessibility, design, frontend
Hướng nghiên cứu
Bắt đầu với component Chip và so sánh cách triển khai dismiss icon của nó với mẫu icon dùng chung của component Callout. Kiểm tra cách các component khác trong design system xử lý refs, children tùy chọn và các biến thể màu. Công việc được xem là hoàn tất khi Chip hỗ trợ refs, cách sử dụng chỉ với icon, các màu trạng thái được yêu cầu và một dismiss icon dùng chung mà không làm suy giảm khả năng tiếp cận.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Summary
Improvements to the Chip component to fix accessibility issues and align with design system patterns.
Improvements
1. No ref prop support
The component doesn't accept ref as a prop, inconsistent with the rest of the design system.
4. Inline SVG for dismiss icon
The dismiss button renders an inline SVG path. Same pattern as Callout — should use a shared icon component.
5. children is required but shouldn't be
The type mandates children: ReactNode but a chip could be icon-only.
6. Limited color options
Only 2 colors (neutral, accent). Consider adding danger, success, warning for status chips.
Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
- Accessibility baseline (#673)
- Forward HTML attributes (#674)
- Ngôn ngữ chính
- TypeScript
- Star
- 69
- Fork
- 13
- Merge trung bình
- 3 ngày 15 giờ
- Pull request đã merge (30 ngày)
- 24
Chuẩn bị môi trường
- Không có Dockerfile hay tệp Docker Compose
- Có mẫu pull request
- Đọc hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của raystack/apsara
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100
Maintainer thường phản hồi trong vòng 2 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 86/100
Maintainer thường phản hồi trong vòng 2 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100
Maintainer thường phản hồi trong vòng 2 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 85/100
Maintainer thường phản hồi trong vòng 2 ngày
-
DataView: don't offer select/multiselect filters with empty filterOptionsCó thể đã có người làm @rohanchkrabrty đã nhận 6 ngày trước. Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
Maintainer thường phản hồi trong vòng 2 ngày
Tất cả issue của raystack/apsara
Issue tương tự
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
NousResearch/hermes-agent#136483 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 86/100
Maintainer thường phản hồi trong vòng 1 ngày
-
Tool errors containing cycles or BigInt crash getErrorMessage and replace the original failureĐang mởfactory-active factory-automatic task-bug-reproduction-success task-identify-harness-labels-done task-identify-issue-type-done
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 62/100
vercel/ai#22796 · 2 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
[Bug]: Web chat input doesn't regain focus after a reply finishesCó thể đã có người làm @GaijinSystems đã nhận hôm nay. Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 76/100
zeroclaw-labs/zeroclaw#11658 ·
Maintainer thường phản hồi trong vòng 2 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
babylonlabs-io/babylon-toolkit#2711 ·
Maintainer thường phản hồi trong vòng 1 ngày