Cell

Cells work together with the Grid component. They allow you to change layout based on viewport size.

Cells are mobile first so if you don't specify sizes for each breakpoint, it will be inferred from previous one.

In order to do not show a cell on a specific device you might pass a falsy value on the related cols prop element.

Example

Cells on one line

Then goes to new line

on mobile and tablets

Only on desktop cell

Props

Name

Type

Default value

Description

children
required

node

null

The childrens to use as content of the Cell.

cols
required

array

null

The cols data to use for display.