Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Color 1
Color 5
Color 9
XS
Small
Default
Large
XL
Pill Badge
Active
✓
Verified
⚠
Alert
Status
Very Long Badge Text That Needs Truncation
Settings > User Preferences > Notifications > Email
🔔
Notifications
5
✓
Completed
12
⚠
Errors
3
!
Pending
7
ℹ
Updates
2
📧
New messages
✓
CI passed
9
JavaScript
React
Node.js
Python
Ruby
»
10 more
Tag 1
Tag 2
Tag 3
Primary
Secondary
Success
Danger
Warning
Info
XS
Small
Default
Large
XL
Primary outline
Success outline
Danger outline