<LogoGrid> ComponentDisplays a grid of company logos. Typically populated by data from DatoCMS.
<LogoGriddata={[{name: 'Solo.io',description: 'Company description',link: 'https://solo.io',logo: { url: 'https://www.datocms-assets.com/2885/1531117610-sknnx4wk400x4002.svg', format: 'svg' },}]}details={true}/>
| Name | Description |
|---|---|
dataarray | An array of data for displaying logos Array members must be of the type below: |
data[x]object | Object contains nested props, see below: |
data[x].namestring | |
data[x].descriptionstring | |
data[x].logoobject | Object contains nested props, see below: |
data[x].logo.urlstring | url of the image |
data[x].logo.altstring | alt text for the image |
data[x].logo.formatstring | format of the image, like "jpg" or "svg" |
data[x].integrationPagestring | |
colorstring | Color modifier for logos - make sure all logos have the selected color in the data |
sizestring | Display size of the logos within the grid |
removeBordersboolean | If true, borders around logo items will be removed |
hashUrlboolean | If true, hashes the url with the company slug when clicked |
integrationLinkboolean | If true, links to integration pages are enabled if an item has a valid data.integrationPage property. It will override details if true |
detailsboolean | If true, creates a popup with company details when a logo is clicked |
classNamestring | Optional className to render on the root element |