Brand
Changelog v1.4

Brand Badge

<brand-badge> wraps Shoelace's <sl-badge>. Ideal for status labels, counts, or inline tags.

Variants

Primary Success Warning Error Neutral

Soft

Primary Success Warning Error Neutral

Pill

New Live Beta Alert

Counts (with pulse)

1 12 3

Usage

import { BrandBadge } from '@brandos/ui';

<brand-badge variant="success" pill>Live</brand-badge>
<brand-badge variant="error" pulse>3</brand-badge>