Skip to main content

Column

Component
Live

The Column component allows you to set individual column widths in a layout.

Code

Usage​

Columns allow you to set the individual width of columns in a layout. Always wrap Columns in a Grid component, this also allows you to set the gap between columns via the Grid.

Installation​

Install

yarn add @iag/chroma-react-ui.components

Import

import { Column } from "@iag/chroma-react-ui.components";

When to use​

Columns are ideal when content requires structuring within an interface, such as main content areas with side navigations or supplementary content.

When to avoid​

If you want to set an equally sized grid for a layout, use Grid component.