TwigcnBundle

Badge

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

Variants

Primary Secondary Destructive Outline

With Icons

Success Pending Error Info

Status Examples

Draft In Review Published Rejected

In Context

Inbox
12
Documents
8

Usage

<twig:Badge>Primary</twig:Badge>
<twig:Badge variant="secondary">Secondary</twig:Badge>
<twig:Badge variant="destructive">Destructive</twig:Badge>
<twig:Badge variant="outline">Outline</twig:Badge>

<twig:Badge>
    <twig:ux:icon name="lucide:check" />
    Success
</twig:Badge>