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>