Grid

CSS Grid wrapper with column, row, and gap configuration.

Installation

Examples

3-column grid

Six items across three equal columns.

One
Two
Three
Four
Five
Six

Auto-fit

Columns fill available space with auto-fit.

Alpha
Beta
Gamma
Delta
Epsilon

API Reference

PropTypeDefaultDescription
colsnumber|stringSets grid-template-columns.
rowsnumber|stringSets grid-template-rows.
gapnumber|string4Gap between cells.