MarketingLogoCloud
A row of customer / partner logos with an optional caption. Each logo is a caller-supplied ReactNode (img, inline SVG, or wordmark) — no image source is bundled. Presentational and theme-driven.
Trusted by teams shipping AI-native products
Installation
pnpm
pnpm dlx @hex-core/cli add marketing-logo-cloudAPI Reference
| Prop | Type | Default | Description |
|---|---|---|---|
logosrequired | object | — | ReadonlyArray<ReactNode>. The logos to render — each an <img>, inline SVG, or wordmark. Give each a stable key. |
title | ReactNode | — | Optional caption above the grid, e.g. 'Trusted by teams everywhere'. |
className | string | — | Additional classes applied to the root <section>. |
AI Guidance
When to use
Use directly below the hero as social proof. Supply real customer or integration logos as <img> or inline SVG nodes.
When not to use
Don't use for navigation or as a feature grid. Don't pad with placeholder logos — fewer real logos beat many fake ones.
Common mistakes
- Forgetting alt text on logo <img>s, so the brand names aren't announced.
- Omitting the React key on each logo node, causing reconciliation warnings.
- Passing huge images — the grid caps height at ~2.5rem; export trimmed logos.
Accessibility
Logos are images — each <img> needs an alt of the brand name. The caption is a plain <p>, not a heading, so it doesn't disrupt heading order.
Related components
Token budget: 400
Verified against @hex-core/components@1.12.0