Flex

Flex

The Flex component renders a responsive flexbox layout component that controls the layout of the components nested inside. Use it when you want to create mobile responsive layouts or want to arrange content in columns or rows. This component extends Box.
Import component
import { Flex, Box } from 'rimble-ui';

Example

Flex
Box

Props

Prop NameTypeIs RequiredDefault ValueDescription
displayoptional
'flex'
Styled System Props
Flex uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styed System props.
(ノ◕ヮ◕)ノ*:・゚✧

Are we missing anything?

If you have any extra insight you'd like to add, please raise an issue in Github.
Contribute

Flex

On this Page