Core components

3 :

🏷️

Badges

Small, inline labels used to highlight a status or attribute. Perfect for marking items as 'New,' 'Beta,' or 'On Sale,' or for indicating a user's status.

Status Badge for Table Rows

A small, pill-shaped badge with text (e.g., 'Active', 'Pending') used to indicate status in a data table.

Badge with an Icon and Text

A badge that includes both a small icon and a text label.

Notification Badge on an Icon

A small, circular badge with a number, placed on the corner of an icon (e.g., a bell or cart).