Image Component

Watch out!

FULL DOCUMENTATION: https://crystallize.com/learn/open-source/sdks-and-libraries/react-js-components

DEMO

import { Image } from '@crystallize/reactjs-components';
// fetch data and then
<Image className="card-img-top img-fluid" {...product.defaultVariant.firstImage} sizes="100w, 700px" />;

Test Pickbeam

Price: 599

AAC Chair

Price: 990
Topics:Trending nowPurple

ALUMINIUM

Price: 3989
Topics:LivingroomBlackDark brownEco friendly

Black Chair

Price: 78
Topics:BlackWood

Classic Lounge Chair

Price: 229
Topics:BlackBrownWoodLeather

White Lounge Chair

Price: 79
Topics:WoodWhiteOrangeLeather

White Chair

Price: 49
Topics:MetalWoodPlasticOrangeBlackWhite

Bamboo Chair

Price: 79
Topics:WoodOrange

White Simple Chair

Price: 49
Topics:WhiteWood

Red Lounge Chair

Price: 129
Topics:Red

Funky Yellow Chair

Price: 59
Topics:YellowBlackMetalPlastic

Simple Bar Stool

Price: 89
Topics:Eco friendlyCampaignNew arrivalBlackOrangeMetalWoodPlastic

Minimalistic Chair

Price: 60
Topics:RedBlackMetalWood

Green Leather Chair

Price: 49
Topics:LeatherLight GreenWood

Big Bowl Lounge Chair

Price: 499
Topics:Dark GreenWoodOrange

Stressmore rough chair

Price: 299
Topics:GrayOrangeWood