Badge

Show a short (status) label at one of four available levels of urgency. Add optional meta text or tone the styling down by adding the subtle property.

'label' => 'Label',
'meta' => false,
'variant' => 'neutral', // neutral | important | negative | positive
'subtle' => false,
neutral important negative positive 
<x-badge variant="neutral" label="neutral" />
<x-badge variant="important" label="important" />
<x-badge variant="negative" label="negative" />
<x-badge variant="positive" label="positive" />
In Abstimmung 22 von 100 Zustimmungen 
<x-badge variant="important" label="In Abstimmung" meta="22 von 100 Zustimmungen" subtle />