DOCS
v0.4

Components / Badge Group

Badge Group

Container for grouping multiple badges with consistent spacing.

data-display v0.1.0

Playground

Examples

Group
AIWeb ComponentsLit 3
<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

PropTypeDefaultDescription
gap string "8px" Gap between badges