UI Lab

    Badge

    Explore different variants and configurations of the Badge component.

    Install with:
    npx afnoui add badge/badge-default
    Default Badge
    Default
    Install with:
    npx afnoui add badge/badge-secondary
    Secondary Badge
    Secondary
    Install with:
    npx afnoui add badge/badge-outline
    Outline Badge
    Outline
    Install with:
    npx afnoui add badge/badge-destructive
    Destructive Badge
    Destructive