ContactStrip
Markdown for agentsCompact labelled contact rows with optional icons and links.
npx @slipstream-ui/cli@latest add contact-stripContact details
Call
1.800.860.4519Email
info@axial.netVisit
443 Park Avenue S, New York, NY 10016
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | ContactItem[] | required | Contact rows: label, value, optional href and icon. |
| columns | 2 | 3 | 2 | Desktop column count. |
| align | 'left' | 'center' | 'left' | Row alignment. |
| linkComponent | React.ElementType | — | Custom link element for routers. |
Accessibility
- Renders a list with one label and value per contact row.
- Phone and email links use tel: and mailto: destinations.
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.