StatBand
Markdown for agentsSemantic description list of headline stats with labels, optional hints and column presets.
npx @slipstream-ui/cli@latest add stat-bandProof band on an inverse surface
- Advisory firmsVetted for your business
- 3,500+
- Active investorsAligned to your thesis
- 5,000+
- Deals annuallyBrought to market
- 12,000+
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | StatItem[] | required | Stats to display: value, label and optional hint. |
| columns | 2 | 3 | 4 | 3 | Desktop column count. |
| align | 'left' | 'center' | 'center' | Copy alignment. |
| size | 'sm' | 'md' | 'lg' | 'md' | Value scale. |
| divided | boolean | true | Draw dividers between stats at sm and up. |
Accessibility
- Renders dl/dt/dd so each number is structurally paired with its label.
- Labels are read before values even though the value appears first visually.
Browser support
| Browser | Tested versions |
|---|---|
| Chrome | 111+ (Mar 2023) |
| Edge | 111+ (Mar 2023) |
| Firefox | 121+ (Dec 2023) |
| Safari | 17.2+ — macOS & iOS (Dec 2023) |
Slipstream components rely only on CSS custom properties, Flexbox/Grid, and ARIA — the everyday baseline of the last two years of evergreen releases. Anything newer is progressive enhancement: unsupported browsers keep full functionality with static behavior instead of animations.