@rocketsofawesome/mirage
Version:
[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)
82 lines (81 loc) • 2.32 kB
Markdown
```js
<OutfitsListing
headerContent={
[
<H3>Introducing</H3>,
<H1>Rockets of Awesome Outfits</H1>,
<H2>Shop Curated looks from our team of stylists</H2>
]
}
outfits={
[
{
image: {
src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/t_plp_product_shot/v1/production/catalog/m44tim52vvuz4ofsb5te.jpg'
},
information: [
<H4 margin='1rem 0 0'>Lacey & Lively</H4>
],
card: {
href: 'https://www.fillmurray.com'
}
},
{
image: {
src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/t_plp_product_shot/v1/production/catalog/numtitbfmwu12kdkrjru.jpg'
},
information: [
<H4 margin='1rem 0 0'>Don't Ruffel My Feathers</H4>
],
card: {
href: 'https://www.fillmurray.com'
}
},
{
image: {
src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/t_plp_product_shot/v1/production/catalog/etg9j9peufifnay3wjkq.jpg'
},
information: [
<H4 margin='1rem 0 0'>Serious Stripes!</H4>
],
card: {
href: 'https://www.fillmurray.com'
}
},
{
image: {
src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/t_plp_product_shot/v1/production/catalog/cbwesr3g1hie6jsjatir.jpg'
},
information: [
<H4 margin='1rem 0 0'>Pretty in Pink</H4>
],
card: {
href: 'https://www.fillmurray.com'
}
},
{
image: {
src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/t_plp_product_shot/v1/production/catalog/ygzsz9i2euijpjnssjlk.jpg'
},
information: [
<H4 margin='1rem 0 0'>Outter Orbit</H4>
],
card: {
href: 'https://www.fillmurray.com'
}
},
{
image: {
src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/t_plp_product_shot/v1/production/catalog/efbrjrnnpjqd22by7xxf.jpg'
},
information: [
<H4 margin='1rem 0 0'>Absolutely Electric</H4>
],
card: {
href: 'https://www.fillmurray.com'
}
}
]
}
/>
```