Proposal for Badge and Tag Components #153
Description
Component Name
Badge, Tag
Category
section
Framework
react
Description
This proposal is for two related components used to display small, contextual pieces of information:
Badge: A component for displaying counts and simple status labels. It's typically a small, inline element used for things like notification counts (e.g., "99+") or short statuses (e.g., "New", "Live").
Tag: A component for displaying keywords, categories, or attributes. Tags can be interactive and dismissible, making them ideal for filtering systems or labeling content.
Use Cases
Notification Counts: Showing the number of new messages or alerts in a navigation bar or on a user's profile icon.
Status Indicators: Displaying the status of an item in a table or list (e.g., Completed, In Progress, Failed).
Content Categorization: Labeling blog posts, products, or issues with relevant keywords (e.g., JavaScript, Featured, Bug).
Filter UI: Showing selected filter options that a user can easily view and dismiss
Design/Mockup
No response
Implementation
- I plan to implement this component
- I need help with implementation
- I'm just suggesting the idea
Additional Notes
No response