# Form List

`FormList` takes an array of components as `items` to be displayed as form elements.

The proper `border` is applied by the FormList, but the padding is the responsibility of whatever is implementing FormList.

ie: to display a list of text, items must be passed in as:

```
const items = [
  <Box spacing={['pr3', 'pl3']}>
    <Span>first item</Span>
  </Box>,
  <Box spacing={['pr3', 'pl3']}>
    <Span>second item</Span>
  </Box>,
];
```
