Badge

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

Default

Code Dialog

Default

Secondary

Code Dialog

Secondary

Outline

Code Dialog

Outline

Destructive

Code Dialog

Destructive

Rounded

Code Dialog

Rounded

Gradient

Code Dialog

Gradient

Gradient Outline

Code Dialog

Gradient Outline

Soft

Code Dialog

In Progress

Blocked

Done

Status

Code Dialog

In Progress

Blocked

Done

With image

Code Dialog

shadcnshadcn

With icon

Code Dialog

LeftRightRemove

Clickable

Code Dialog

Clickable

Clickable link

Code Dialog

shadcn