---
path: "/flex/props"
component: "flex"
type: "atom"
date: "2017-07-12T17:12:33.962Z"
title: "Flex"
---
**Any prop related to `Box` can be used** (Example: `height`, `width`, `background`, `border` and etc)

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| alignItems | Sets `alignItems` CSS property | css value - string | null |
| flexDirection | Sets `flex-direction` CSS property | css value - string | row |
| flexWrap | Sets `flexWrap` CSS property | css value - string | null |
| justifyContent | Sets `justifyContent` CSS property | css value - string | null |
| order | Sets `order` for flex elements | css value - string | null |