vcc-ui/_src/components/box/README.md

VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.

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*