Components
LogoWall

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

PropTypeDefaultDescription
titlestring-Section title
logosLogo[]-Array of logo objects
variant"grid" | "carousel""grid"Display variant
columnsnumber4Number of columns (grid)
autoplaybooleantrueAuto-play (carousel)