react-grid-system is not part of Malty, and will not be distributed through Bit. It is, however, highly recommended as the preferred solution for a responsive React grid — layout. React Grid System provides a responsive grid for React, inspired by Bootstrap. Moreover, it has various powerful features, such as setting breakpoints and gutter widths through React's context, as well as responsive utilities like ScreenClassProvider (a conditional class provider), and others.
Note: For a more complete view, and further documentation on this, please head to our components page, for React Grid System.
Installation
yarn add react-grid-system
Basic use
Three components are provided for creating responsive grids: Container, Row, and Col.
import { Container, Row, Col } from 'react-grid-system';
<Container>
<Row>
<Col sm={4}>
One of three columns
</Col>
<Col sm={4}>
One of three columns
</Col>
<Col sm={4}>
One of three columns
</Col>
</Row>
</Container>
For more details on the different components, their options, and their properties, please head to their documentation site.