A Box component is a div with `display: flex` and some preconfigured flexbox properties:

```css
display: flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: stretch;
```

### Example

```jsx live=true
<Box>
	<Box
		extend={{
			border: "1px solid grey",
			padding: 20
		}}
	>
		Hello
	</Box>
	<Box
		extend={{
			border: "1px solid grey",
			padding: 20
		}}
	>
		World
	</Box>
</Box>
```

### Changelog

- *Added in version 1.0.0*