## Box: Padding

Controlled with the `spacing` property.

You can control all padding at once:

```js
<Box spacing="p4" />
```

Or you can control just one side:

```js
<Box spacing="pl4" />
```

Or you can control several sides independently:

```js
<Box spacing={['pl4', 'pr2']} />
```

`p0` sets padding to `none`; specific values for `p1` to `p7` are governed by the active patchwork theme.

[Read more about how Patchwork handles spacing.](https://github.com/wealthsimple/patchwork/blob/master/src/mixins/spacing/SPACING.mkd).
