vcc-ui/_src/components/flex/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 Flex component is a div with `display: flex` and some preconfigured flex properties:

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

### Example

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