Logo Wall
The Logo Wall component provides you with client/partner logo displays.
Live Examples
Live Example
View Code
import { LogoWall } from '@nostromo/ui-marketing' export default function LogoWallExample() { return ( <LogoWall title="Trusted by leading companies" logos={[ { src: "https://via.placeholder.com/150x80?text=Company+1", alt: "Company 1" }, { src: "https://via.placeholder.com/150x80?text=Company+2", alt: "Company 2" }, { src: "https://via.placeholder.com/150x80?text=Company+3", alt: "Company 3" }, { src: "https://via.placeholder.com/150x80?text=Company+4", alt: "Company 4" }, { src: "https://via.placeholder.com/150x80?text=Company+5", alt: "Company 5" }, { src: "https://via.placeholder.com/150x80?text=Company+6", alt: "Company 6" } ]} variant="grid" columns={3} /> ) }
Code Examples
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | - | Section title |
logos | Logo[] | - | Array of logo objects |
variant | "grid" | "carousel" | "grid" | Display variant |
columns | number | 4 | Number of columns (grid) |
autoplay | boolean | true | Auto-play (carousel) |