Components / Badge Group
Badge Group
Container for grouping multiple badges with consistent spacing.
data-display v0.1.0
Playground
Examples
Group
<cg-badge-group><cg-badge variant="accent">AI</cg-badge><cg-badge variant="info">Web Components</cg-badge><cg-badge variant="success">Lit 3</cg-badge></cg-badge-group> Import
import { CgBadgeGroup } from '@cognivo/components'; // Or tree-shake: import '@cognivo/components/cg-badge-group'; Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
gap | string | "8px" | Gap between badges |