Foundations
An infinite canvas
Components
An infinite canvas
Accordion
Action bar
Action Button
Action list
Alert banner
App bar
Avatar
Badges
Bottom sheet
Breadcrumb
Button
Button group
Cards
Checkbox
Chip
Combobox
Date picker
Date table
Dialog
Divider
Drawer
Dropdown
Field
Filter input
Help text
Icon
Inline message
Label
Link
List
Menus
Modal
Navigation bar
Page header
Pagination
Popover
Progress bar
Progress indicator
Radio button
Search
Segmented contol
Select
Sidebar
Slider
Snackbar
Switch
Tabs
Tag
Text area
Text field
Toast
Tooltip
Tree View
Patterns
An infinite canvas
Components
Badges
Component
Badges used to communicate status, notification count, or attribute labels. These are typically a circular or pill-shaped element with a number or short text, often overlaid on an icon or interface element. Badges are commonly used to draw attention to updates, or to signal unread messages or notifications.
Badges can also be used to categorize items by labeling them with status or characteristic indicators. By conveying critical information at a glance, the Badges component improves navigation, drives user engagement, and enhances the overall usability of an application or website.
Properties (Cooming Soon)