@rocketsofawesome/mirage
Version:
[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)
26 lines (21 loc) • 586 B
Markdown
### Product Tile with Multiple Variants
```js
<div style={{ width: '33.33%'}}>
<ProductTile
{...require('./defaultProps').productWithVariants}
onQuickView={(product, colorway) => console.log('Quick view', product, colorway)}
/>
</div>
```
### Product Tile with a Single Size
```js
<div style={{ width: '33.33%'}}>
<ProductTile {...require('./defaultProps').productWithOneSize} />
</div>
```
#### Product Tile for a product in Sale
```js
<div style={{ width: '33.33%'}}>
<ProductTile {...require('./defaultProps').productOnSale} />
</div>
```