Brand
Changelogv1.4

Brand Badge

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

Variants

PrimarySuccessWarningErrorNeutral

Soft

PrimarySuccessWarningErrorNeutral

Pill

NewLiveBetaAlert

Counts (with pulse)

1123

Usage

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

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