Badge

A fantasy-styled badge with variant, size, faction, and shape options.

Variants

Default

Secondary

Destructive

Outline

Sizes

Small

Default

Large

Factions

Alliance

Horde

Shapes

Default

Shield

Banner

With Icon

Syncing

Combined

Alliance Shield

Horde Banner

Danger

Usage

<script>
  import { Badge } from 'warcraftcn-ui-svelte';
</script>

<Badge variant="secondary">Secondary</Badge>
<Badge size="lg" faction="alliance" shape="shield">Alliance</Badge>

Props

Prop	Type	Default
variant	"default" \| "secondary" \| "destructive" \| "outline"	"default"
size	"sm" \| "default" \| "lg"	"default"
faction	"none" \| "alliance" \| "horde"	"none"
shape	"default" \| "shield" \| "banner"	"default"