FeatureGrid
Markdown for agentsGrid of feature or benefit cards with an icon, title, copy and optional link.
npx @slipstream-ui/cli@latest add feature-gridThree benefits
Vetted advisors
Advisors curated for your business, stage and sector.
Buyer targeting
Reach the right investors for every mandate.
Learn moreSecure documents
Streamlined NDAs and CIM distribution.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| features | FeatureItem[] | required | Features: title, optional description, icon, href and actionLabel. |
| columns | 2 | 3 | 4 | 3 | Desktop column count. |
| variant | 'card' | 'plain' | 'card' | Card surface or a plain stack. |
| align | 'left' | 'center' | 'left' | Content alignment. |
| linkComponent | React.ElementType | — | Custom link element for routers. |
Accessibility
- Renders ul/li so the group and item count are announced.
- A linked feature is one link; do not nest buttons inside it.
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.