### Simple Example

```jsx
<List padding ordered>
  <Text>One</Text>
  <Text>Two</Text>
  <Text>Three</Text>
</List>
```

### Inline

```jsx
<List padding inline>
  <Text>One</Text>
  <Text>Two</Text>
  <Text>Three</Text>
</List>
```

### Justified

```jsx
<List justified>
  <Text>One</Text>
  <Text>Two</Text>
  <Text>Three</Text>
</List>
```

### Full Width

```jsx
<List fullWidth>
  <Text text="center" p={2} bg="grey-lighter" block>
    One
  </Text>
  <Text text="center" p={2} bg="grey-light" block>
    Two
  </Text>
  <Text text="center" p={2} bg="grey-lighter" block>
    Three
  </Text>
</List>
```
