Flex | Zalify UI

Item 1

Item 2

Item 3

React

Usage

import { Flex } from '@zalify-ui/react'

<Flex gap="4" align="center" justify="space-between">
  <div>Item 1</div>
  <div>Item 2</div>
</Flex>

Prop	Default	Type
`align`		`ConditionalValue<CSSProperties['alignItems']>`
`justify`		`ConditionalValue<CSSProperties['justifyContent']>`
`direction`		`ConditionalValue<CSSProperties['flexDirection']>`
`wrap`		`ConditionalValue<CSSProperties['flexWrap']>`
`basis`		`ConditionalValue<CSSProperties['flexBasis']>`
`grow`		`ConditionalValue<CSSProperties['flexGrow']>`
`shrink`		`ConditionalValue<CSSProperties['flexShrink']>`