Skip to content


Flex is a component that will allow you to use flexbox properties.

Previously, Flex.Item was used for flex item specific properties - we've added all properties to the Flex component, but are keeping Flex.Item around for backwards compatibility.

Default example

Item 1
Item 2
Item 3

System props

Flex components get FLEX, COMMON, and LAYOUT system props.

Read our System Props doc page for a full list of available props.

Component props

Flex does not get any additional props other than the system props mentioned above.