FlexItem

This component creates a div and permits adding css flex properties to this div with props. It should be used with FlexLayout.

Example

import { FlexLayout, FlexItem } from 'la-danze-ui';

function App() {

return (

<FlexLayout>

<FlexItem />

<FlexItem flexGrow={1} alignSelf="flex-end" />

...

</FlexLayout>

);

}

Props

Name	Type	Default	Required	Description
order	number | Globals		No	See mozilla doc.
flexGrow	number | Globals		No	See mozilla doc.
flexShrink	number | Globals		No	See mozilla doc.
flexBasis	FlexBasis | Globals		No	See mozilla doc.
flex	Flex | Globals		No	See mozilla doc.
alignSelf	'auto' |'normal' |AlignItems |MixProperties<'safe', AlignItems> |MixProperties<'unsafe', AlignItems> |Globals		No	See mozilla doc.

FlexBasis: number | string | 'fill' | 'max-content' | 'min-content' | 'fit-content' | 'content'
Flex: 'auto' | 'initial' | 'none' | number | string
AlignItems: 'flex-start' | 'flex-end' | 'start' | 'end' | 'stretch' | 'self-start' | 'self-end' | 'center' | 'baseline'