A badge provides a quick way to recognize the status of an item. It conveys information about the item's status or indicates a specific condition.


Core Component & Variants

Untitled

Badge-Status

Core
Property Name Property Type Property Value
Status Variant Success
Error
Warning
Info
Variant Variant Basic
Icon
Contrast Variant Low
High

Badge-Notifications

Core
Property Name Property Type Property Value
Notifications Variant Large
Medium
Small

Anatomy

Untitled


Spacing

Untitled


Kit Components

Untitled