Skip to content

Grid Component

import { GridRenderer, GridRenderingType } from '@crystallize/reactjs-components';
// fetch data and then
<h2>CSS Grid</h2>;
{
grid && <GridRenderer grid={grid} type={GridRenderingType.Div} cellComponent={Cell} />;
}
<h2>Table Grid</h2>;
{
grid && <GridRenderer grid={grid} type={GridRenderingType.Table} cellComponent={Cell} />;
}
<h2>Row Span</h2>;
{
grid && <GridRenderer grid={grid} type={GridRenderingType.RowCol} cellComponent={Cell} />;
}

CSS Grid

Big Bowl Lounge Chair
Flamingo Portrait
Use your houseplants as decor
Simple Sound System
Color is Back
Bathroom Trends for 2020
How to choose the right rug
Black Camera

Table Grid

Big Bowl Lounge Chair
Flamingo Portrait
Use your houseplants as decor
Simple Sound System
Color is Back
Bathroom Trends for 2020
How to choose the right rug
Black Camera

Row Span

Big Bowl Lounge Chair
Flamingo Portrait
Use your houseplants as decor
Simple Sound System
Color is Back
Bathroom Trends for 2020
How to choose the right rug
Black Camera


Crystallize Librairies are distributed under the MIT License.