import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
import { Grid } from '.';

<Meta title="Components/Grid" component={Grid} />

# Grid

The `<Grid/>` component is a direct export of [styled-components-grid](https://github.com/jameslnewell/styled-components-grid). If you are using this component within the `<ThemeProvider/>` you're grid is automatically configured with breakpoints.

## Import

```js
import { Grid } from '@firstclasspostcodes/sw14';
// or
import { Grid } from '@firstclasspostcodes/sw14/lib/components/Grid';
```