Slider
Logo Grid
Static grid of brand, partner, or supplier logos.
Overview
LogoGrid is the static grid of brand, partner, or supplier logos. Reach for it on "as seen in" rows, "trusted by" sections, and supplier directories where the list is short and fixed.
For longer logo lists that benefit from rotation, switch to LogoSlider. The two components share the same slides shape, so you can swap layouts without restructuring data.
Key Business & UX Benefits
- "As seen in" and "trusted by" rows lend instant credibility, raising conversion on landing pages where audiences are unfamiliar with the brand.
- A static grid loads instantly with no rotation, perfect for trust strips where every logo should be visible at a glance.
- Sharing the
slidesshape withLogoSlidermeans teams can swap layouts based on logo count without re-authoring data. - Editors keep the partner list current in Studio, so directory pages reflect new relationships without an engineering ticket.
Usage
LogoGrid Default
<LogoGrid heading="Trusted by" :slides="logos" orientation="center" />
Feature List
- Static grid of brand, partner, or supplier logos for 'as seen in' and 'trusted by' trust strips
- Loads instantly with no rotation, so every logo is visible at a glance
- Shares the slides shape with LogoSlider, so teams swap layouts based on logo count without re-authoring data
- Optional heading and orientation tune the row to match the surrounding page rhythm
- Editors keep the partner list current in Studio as relationships evolve
API Reference
| Prop | Default | Type |
|---|---|---|
slidesrequired | LogoSliderSlideProps[] { title, href, logo, 1 more } | |
caption | string | |
captionColor | string | |
heading | string | |
headingColor | string | |
subline | string | |
sublineColor | string | |
orientation | center | "center" | "left" |
textSize | m | "s" | "m" | "l" |
logoBackground | string |