import Box from '@invisionag/iris-react-box';
import { Cell } from '@invisionag/iris-react-grid';

iris-react-box is our basic implementation of a white box, used to wrap content.

Usage

Box

The Box component provides a white wrapper for all of our content and other elements. A basic GridContaineris also already included.

Please note that you must wrap your content inside Box in a Cell component! There are no other direct children allowed than the Cell component.

Code example

<Box>
  <Cell>Content goes here</Cell>
</Box>

Props

The Box component has no Props.