Badge

Displays a badge or a component that looks like a badge.

01.Default

View component code

Default

02.Secondary

View component code

Secondary

03.Outline

View component code

Outline

04.Destructive

View component code

Destructive

05.Shapes

View component code

RectangularRoundedDefault

06.Gradient

View component code

Gradient

07.Gradient Outline

View component code

Gradient Outline

08.Soft

View component code

In Progress

Blocked

Done

09.Status

View component code

In Progress

Blocked

Done

10.With image

View component code

shadcnshadcn

11.With icon

View component code

LeftRightRemove

12.Clickable

View component code

Clickable

13.Clickable link

View component code

shadcn

14.With number

View component code

Projects 6Members 11Tasks 7

15.Plan features with badge

View component code

• Unlimited Projects
• Custom Integrations New
• Advanced Analytics Experimental
• Priority Support
• Team Collaboration

16.Tabs with badge

View component code

ProfileProjects10Messages5Settings

17.Icon button

View component code

2@@