Skip to content


The Flex component behaves the same as the Box component except that it has display: flex set by default.

Previously, a Flex.Item component was used for flex item specific properties; Box now contains all those properties and should be used in its place.

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.

Edit this page on GitHub
3 contributorsVanAndersonBinaryMuseemplums
Last edited by VanAnderson on March 8, 2021