LogoCloud
Markdown for agentsTrust strip for member, customer or partner logos with captions, columns and optional links.
npx @slipstream-ui/cli@latest add logo-cloudTrusted by
Trusted across the lower middle market
- Peakstone
- North
- FOCUS
- Banyan
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | LogoItem[] | required | Logos: accessible name, decorative artwork and optional href. |
| caption | string | — | Caption above the strip. |
| columns | 3 | 4 | 5 | 6 | 4 | Desktop column count. |
| grayscale | boolean | true | Desaturate logos until hover. |
| size | 'sm' | 'md' | 'lg' | 'md' | Logo box height. |
| align | 'left' | 'center' | 'center' | Caption and grid alignment. |
| linkComponent | React.ElementType | — | Custom link element for routers. |
Accessibility
- Logos are decorative; the item name is announced once through sr-only text.
- Linked logos are a single focusable link named by the item.
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.