Product Tiles

ProductTile

Displays a tile for the product specified by the productId prop. When the user clicks anywhere on the product tile (not necessarily on the button), the product details are presented.

Example:

23982398
<ProductTile productId="5c751cf82d3f3b0001bcec8c" />

Properties

NameDescriptionTyperequiredDefault
productIdTipser product id (where to find )stringtruenone
orientationimage and product details alignment'horizontal' or 'vertical'falsevertical
sizethe size of the product tile'small', 'medium' or 'large'false'medium'
onProductClicka callback called when the product is clicked (Tipser's product object is passed as the only argument)functionfalsenone
classNamea custom CSS class name to applystringfalsenone