<LogoGrid gridItems={logoGridData} />
<div data-layout="Grid" data-component="LogoGrid" class="grid justify-items-center items-center grid-cols-2 gap-16 lg:grid-cols-4"> <a data-component="LogoGridItem" href="https://google.com"> <img src="https://place-hold.it/500x300" alt="alt text" width="500" height="300" loading="lazy" decoding="async"> </a> <a data-component="LogoGridItem" href="https://google.com"> <img src="https://place-hold.it/500x300" alt="alt text" width="500" height="300" loading="lazy" decoding="async"> </a> <a data-component="LogoGridItem" href="https://google.com"> <img src="https://place-hold.it/500x300" alt="alt text" width="500" height="300" loading="lazy" decoding="async"> </a> <a data-component="LogoGridItem" href="https://google.com"> <img src="https://place-hold.it/500x300" alt="alt text" width="500" height="300" loading="lazy" decoding="async"> </a> <a data-component="LogoGridItem" href="https://google.com"> <img src="https://place-hold.it/500x300" alt="alt text" width="500" height="300" loading="lazy" decoding="async"> </a> <a data-component="LogoGridItem" href="https://google.com"> <img src="https://place-hold.it/500x300" alt="alt text" width="500" height="300" loading="lazy" decoding="async"> </a> <a data-component="LogoGridItem" href="https://google.com" class="underline hover:no-underline focus:no-underline h-full w-full flex items-center justify-center"> Company Name in Text </a> </div>
The following are the props that can be passed to the page block.
Array of links and logo images
array
object
string
asset