Flex

Simple, all purpose flexing component to achieve common UI layouts and placements.

`<Flex>`

Property	Type	Editor
`alignChildren` Short cut child alignment property for both alignChildrenHorizontal and alignChildrenVertical.	OneOf	`start` `middle` `end`
`alignChildrenHorizontal` Horizontal alignment of children flex items.	OneOf	`start` `middle` `end` `around` `between`
`alignChildrenVertical` Vertical alignment of children flex items.	OneOf	`start` `middle` `end` `around` `between`
`alignSelf` Flex item alignment property (changes with parent direction).	OneOf	`start` `middle` `end`
`direction` Direction on which way to flex items.	OneOf	`horizontal` `vertical`
`grow` Flex item property if it should grow with available space.	Boolean	`true` `false`
`gutter` Spacing applied between child flex items, values are global spacing variables.	OneOf	`x1` `x2` `x3` `x4` `x6` `x8` `x10` `x12` `x16`
`initial` Initial width to flex from for a child item.	OneOf	`content` `container` `none`
`shrink` Flex item property if it should shrink.	Boolean	`true` `false`
`wrap` Flag to allow flex items to wrap over to new lines	Boolean	`true` `false`