Skip to main content

Column

Layout based component

info

This component requires Tailwind CSS. Refer to the getting started documentation add styling

Installation​

Install

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

Import

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

2 Column Layout​

3 Column Layout​

Content with side column layout​

info

For consistent column widths visit the Grid component

Properties​

Name
Description
  • className
    string
  • cols*
    1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12