@rocketsofawesome/mirage
Version:
[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)
39 lines (37 loc) • 1.14 kB
Markdown
_Note: We are constraining the width of the Gallery specifically for the Image Zoom component. It gets positioned to the right of the Zoomable Image_
```js
<FlexRow>
<FlexCol desktop={{width: 6}}>
<Gallery images={[
{
alt: 'Cool Down Active Short on model',
src: 'production/catalog/bi5flgfpxbyr9tp2xkd9'
},
{
alt: 'Cool Down Active Short on model',
src: 'production/catalog/hhdgxghcpc17xho1pngc'
},
{
alt: 'Fuzzy Tiger Tee on model',
src: 'production/catalog/q5l42uiqm8orjia4j14m'
},
{
alt: 'Fuzzy Tiger Tee front',
src: 'production/catalog/rfxx1bcmwy7zych1pmof'
},
{
alt: 'Fuzzy Tiger Tee detail',
src: 'production/catalog/jhpde0cdhl11lu9fa41o'
},
{
alt: 'Cool Down Active Short front',
src: 'production/catalog/xrpiecxqwmiso3acxucc'
},
{
alt: 'Cool Down Active Short back',
src: 'production/catalog/wmwxd0bxeavdtgt0uqzx'
}
]} />
</FlexCol>
</FlexRow>
```