Homecomponentsstructural

FixGrid

A container to lay out items in a fixed, responsive grid.

Use a FixGrid to layout items in a fixed amount of columns.

Spacing

Use the spacing property to specify the equal spacing between items in both vertical and horizontal directions.

Columns

Use the columns property to specify the number of columns. This is a responsive property so you can have different number of columns on different sizes.

API

columns
Required
The number of columns.
ResponsiveValue
children
Required
Items inside the FixGrid.
ReactNode
as
The element used for the root node.
ElementType<any>
spacing
The gap between the items.
ResponsiveValue
data
An object with the data keys and values.
DataAttributeMap
Table of Contents
Spacing
Columns
API