Badge rectangular
Medium
Large
Larger + largest
A badge is a visual indicator that communicates a status or description of an associated component. They use short text, color, and icons for quick recognition and are placed near the relevant content.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
NE
News & Events
Update: Announcing T...
12:51 PM
SP
Sarah Perez
How Project Managers..
11:24 PM
TD
Julian reacted
I love how this turned o...
Yesterday
ET
Dylan mentioned you
Kat Larsson the docum...
Yesterday
Copy me
Badge rectangular
Brand
Filled
Tint
Outline
Subtle
Icon + text
Text + icon
Text only
Icon only
Danger
Filled
Tint
Outline
Subtle
Icon + text
Text + icon
Text only
Icon only
Warning
Filled
Tint
Outline
Subtle
Icon + text
Text + icon
Text only
Icon only
Success
Filled
Tint
Outline
Subtle
Icon + text
Text + Icon
Text only
Icon only
Important
Filled
Tint
Outline
Subtle
Icon + text
Text + Icon
Text only
Icon only
Informative
Filled
Tint
Outline
Subtle
Icon + text
Text + icon
Text only
Icon only
Subtle
Filled
Tint
Outline
Subtle
Icon + text
Text + icon
Text only
Icon only
Badge circular
Medium
Large
Larger + largest
A badge is a visual indicator that communicates a status or description of an associated component. They use short text, color, and icons for quick recognition and are placed near the relevant content
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
NE
News & Events
Update: Announcing T...
12:51 PM
SP
Sarah Perez
How Project Managers..
11:24 PM
TD
Julian reacted
I love how this turned o...
Yesterday
ET
Dylan mentioned you
Kat Larsson the docum...
Yesterday
Copy me
Badge rectangular
Brand
Filled
Tint
Outline
Subtle
Icon + text
Text + icon
Text only
Icon only
Danger
Filled
Tint
Outline
Subtle
Icon + text
Text + icon
Text only
Icon only
Warning
Filled
Tint
Outline
Subtle
Icon + text
Text + icon
Text only
Icon only
Success
Filled
Tint
Outline
Subtle
Icon + text
Text + Icon
Text only
Icon only
Important
Filled
Tint
Outline
Subtle
Icon + text
Text + Icon
Text only
Icon only
Informative
Filled
Tint
Outline
Subtle
Icon + text
Text + icon
Text only
Icon only
Subtle
Filled
Tint
Outline
Subtle
Icon + text
Text + icon
Text only
Icon only
Badge circular
Medium
Large
Larger + largest
A badge is a visual indicator that communicates a status or description of an associated component. They use short text, color, and icons for quick recognition and are placed near the relevant content
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Duncan replied
Does anyone know whe...
12:51 PM
Molly reacted
I love how this turned o...
11:24 PM
Julian reacted
I love how this turned o...
Yesterday
Dylan mentioned you
Kat Larsson the docum...
Yesterday
Copy me
Presence badge
Available
Away
Blocked
Busy
DND
Offline
OOF
Unknown
In office
Out of office