Badge

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

Badge
Component Code
<x-aui::badge>Badge</x-aui::badge>

Variant examples

The badge component comes in multiple variants

Default

Badge
Component Code
<x-aui::badge>Badge</x-aui::badge>

Secondary

Secondary
Component Code
<x-aui::badge variant="secondary">Secondary</x-aui::badge>

Outline

Outline
Component Code
<x-aui::badge variant="outline">Outline</x-aui::badge>

Destructive

Destructive
Component Code
<x-aui::badge variant="destructive">Destructive</x-aui::badge>