@heycar-uikit/grid v5.0.3

HeyCar-UIKit - Grid

12 column grid system that consists of 2 components, Row and Column.

Installation

To install and save in your package.json dependencies, run the command below using npm:

npm install @heycar-uikit/grid

Usage

import Grid from '@heycar-uikit/grid';

function App() {
  return (
    <Grid.Row>
      <Grid.Col width={{ mobile: 12, tablet: 12, desktop: 4 }}>
        <div />
      </Grid.Col>
      <Grid.Col width={{ mobile: 12, tablet: 6, desktop: 4 }}>
        <div />
      </Grid.Col>
      <Grid.Col width={{ mobile: 12, tablet: 6, desktop: 4 }}>
        <div />
      </Grid.Col>
    </Grid.Row>
  );
}

Breakpoints

Documentation and sandbox

Storybook documentation and sandbox