---
name: Grid
menu: Components
route: /components/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/sw13';
// or
import { Grid } from '@firstclasspostcodes/sw13/lib/components/Grid';
```