Design System GuideDS Guide
Docs
Docs
17.1 Avatar17.2 Banner / Alert17.3 Badge17.4 Button17.5 Card17.6 Carousel17.7 Dropdown / Popover / Menu17.8 Icon17.9 Checkbox17.10 Radio17.11 Text Input17.12 Switch17.13 Select17.14 Textarea17.15 List17.16 Loading Indicator17.17 Modal / Dialog17.18 Tabs17.19 Toast17.20 Tooltip
19. Patterns, Templates, and Product-Specific Components
17. Core Components

17.3 Badge

Core Components · Section 17.3

Purpose: compact status or metadata.

Examples:

Active
Pending
Beta
3

Avoid making non-interactive badges look like buttons.

If removable, it may actually be closer to a chip/tag pattern.

17.2 Banner / Alert

Core Components · Section 17.2

17.4 Button

Core Components · Section 17.4