#lorem#ipsum#dolor
#sit#amet#consetetur

Badge

Label/Tag-Komponente

Kompakte Labels zur Kennzeichnung von Inhalten.

Codebeispiel

<Badge>#cloud</Badge>

Parameter

BezeichnerTypBeschreibungDefault
classstringZusätzliche CSS-Klassen''
hrefstringOptionaler Link – rendert <a> statt <span>undefined
variant'default' | 'secondary' | 'outline'Stil-Variantedefault
size'sm' | 'md'Größe des Badgessm
rounded'full' | 'md' | 'sm'Rundungfull

Fragments

BezeichnerBeschreibungDefault
defaultBadge-Inhalt (z. B. #cloud)