v 0.0.1 alpha
Components
Documentation
Blog
Blocks
Figma
Search
⌘K
Figma Preview
Early Access
Early Access
Get Started
Get Started
Components
Documentation
Blog
Blocks
Figma
Getting Started
Installation
Fundamentals
Components
Animations
components
Badge
Highlight statuses or counts with compact labels
Source Code
Properties
Preview
Code
Badge Example
Installation
pnpm
npm
yarn
bun
Imports
Props
Prop Name
Default Values
Values
size
24
20, 24, 28, 32
variant
outline
outline,strong
rounded
false
true/false
closable
false
true/false
Usage
Example Badges
Destructive
Preview
Code
Destructive
Dot
Preview
Code
Label
Avatar
Preview
Code
R
Roman Shrestha
Close Icon
Preview
Code
R
My Custom Badge
Avatar
Banner