Display a badge with label and icon in one of four semantic variants. Use this component to add prominent labels, eg. on a post page, to mark the achievement of a certain goal.
'label' => 'Label', 'variant' => 'neutral', // neutral | important | negative | positive 'icon' => 'tabler-confetti'
<x-iconBadge label="Party" /> <x-iconBadge icon="tabler-cat" label="Katze" /> <x-iconBadge variant="negative" icon="tabler-mouse-2" label="Mouse" /> <x-iconBadge variant="positive" icon="tabler-dog" label="Hund" /> <x-iconBadge variant="important" icon="tabler-bat" label="Batman" />