cluster
Flex row with wrapping. Groups inline elements horizontally — action buttons, badges, app store badges, stat rows.
PerformanceAccessibilityZero JSSSR
cluster({ gap: 'sm', justify: 'center', content:
badge({ label: 'Performance' }) +
badge({ label: 'Zero JS', variant: 'success' }) +
appBadge({ store: 'apple', href: url })
})| Prop | Type | Default | |
|---|---|---|---|
content | string (HTML) | — | Raw HTML slot |
gap | string | 'md' | 'xs' · 'sm' · 'md' · 'lg' |
justify | string | 'start' | 'start' · 'center' · 'end' · 'between' |
align | string | 'center' | 'start' · 'center' · 'end' |
wrap | boolean | true | Set false to prevent wrapping |