Container
The Container is a wrapper for the overall layout and can be used to center or contain content.
Installation
Install
yarn add @iag/chroma-react-ui.components
Import
import { Container } from '@iag/chroma-react-ui.components';
Accessibility
Accessibility Documentation(opens in new window)Breakpoints
| Breakpoint | Width |
|---|---|
| xs | 0 to 575px |
| sm | 576px to 768px |
| md | 769 to 991px |
| lg | 992px to 1999px |
| xl | 1200px and above |
Max Widths
| Breakpoint | Max Width |
|---|---|
| xs | 960px |
| sm | 960px |
| md | 960px |
| lg | 960px |
| xl | 1140px |
Default
Fluid Container
A fluid container has no set max-width applied to it so it will display the full width of the viewport.
Properties
Using props from bit.dev
Name
Description