components

Badge

Highlight statuses or counts with compact labels

Source Code
Badge Example

Installation

Imports

Props

Prop NameDefault ValuesValues
size2420, 24, 28, 32
variantoutlineoutline,strong
roundedfalsetrue/false
closablefalsetrue/false

Usage

Example Badges

Destructive
Destructive
Dot
Label
Avatar
R
Roman Shrestha
Close Icon
R
My Custom Badge