[AnnouncementBar] Add variants, dismissible support, and fix typo
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 ngày
- Mức phù hợp với người mới
- 58/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Ít trao đổi
- Công nghệ
- react, typescript
- Lĩnh vực
- accessibility, design, frontend
Hướng nghiên cứu
Bắt đầu từ component AnnouncementBar và kiểm tra các variant hiện có, prop text, hành vi dismiss và biến CVA của nó. Công việc hoàn tất khi hỗ trợ dismissible/onDismiss, text kiểu ReactNode, các variant warning/success/info và tên announcementBar đã được sửa, đồng thời giữ nguyên hành vi hiện tại.
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 AnnouncementBar component to fix accessibility issues, add missing features, and improve consistency.
Improvements
2. Add dismissible / onDismiss support
No way to dismiss/close the bar. A common pattern is an onDismiss callback with a close button.
3. Accept ReactNode for text prop
The text prop only accepts string. It could accept ReactNode for richer content (e.g., links, bold text).
4. Add warning, success, info variants
Only 3 variants exist (normal, gradient, error). Common additions: warning, success, info.
6. Fix announementBar typo
The CVA variable name announementBar is missing a c — should be announcementBar.
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)
- Accessibility baseline (#673)
- Ngôn ngữ chính
- TypeScript
- Star
- 70
- Fork
- 13
- Merge trung bình
- 4 ngày 6 giờ
- Pull request đã merge (30 ngày)
- 10
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 78/100
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 75/100
-
Docs: hand-duplicated props tables drift risk, missing a11y sections, no per-component changelog Đang mởenhancement global
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 48/100
-
bug global
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 48/100
Tất cả issue của raystack/apsara
Issue tương tự
-
blocklist removal
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 65/100
MetaMask/eth-phishing-detect#296544 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
pastelsky/bundlephobia#1122 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
-
category/development priority/P2 scope/file-operations scope/testing type/enhancement
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100