Logo gallery
The LogoGallery component displays client or partner logos in a responsive grid layout. This is typically used for social proof on marketing pages.
Default
A basic grid layout with logo items.
<LogoGallery> <LogoGallery.Item src="/logos/logo.svg" title="Company name" /> <LogoGallery.Item src="/logos/logo.svg" title="Company name" /> <LogoGallery.Item src="/logos/logo.svg" title="Company name" /> <LogoGallery.Item src="/logos/logo.svg" title="Company name" /> <LogoGallery.Item src="/logos/logo.svg" title="Company name" /> </LogoGallery>
Accessibility
Each logo should include an alt
attribute for screen readers. Logos are displayed using responsive utility classes for optimal layout across devices.