Grid

A flex-based horizontal grid system used to build layouts.

Installation

yarn add @twilio-paste/grid - or - yarn add @twilio-paste/core

import {Grid, Column} from '@twilio-paste/core/grid';

const Component = () => (
  <Grid>
    <Column>Foo</Column>
  </Grid>
);

Overrides the default element name to apply unique styles with the Customization Provider

Sets the left margin of a Column (how many columns a column is offset)

Sets the width of a column by defining the number of columns that column can span