Grid
Component
Live
The Grid component allows you to set equally sized columns in a grid layout.
- Usage
- Examples
- Properties
- CSS Variables
Usage
Grids set equally sized columns in a layout.
Installation
Install
yarn add @iag/chroma-react-ui.components
Import
import { Grid } from "@iag/chroma-react-ui.components";
When to use
Grids are ideal for creating equal-width blocks or galleries, aligning and distributing elements evenly across the layout to ensuring visual consistency.
When to avoid
If you want to set the individual width of columns in a layout, use Columns component.