Docs
Badge

Badge

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

Badge

Usage

import shadcn.ui.components.Badge
Badge {
    variant="outline"
    +"Badge"
}

Examples

Default

Badge

Secondary

Secondary

Outline

Outline

Destructive

Destructive