Flex

Flex description.


Props

Flex properties

PropertyDescriptionTypeDefaultVersion
wrapShould flex items wrap?booleanfalse
widthWidth of the flex containernumber
directionFlex directionrow columnrow
alignItemsSet flex container align-items propertyflex-start flex-end center baseline stretchflex-start
alignContentAlign flex items on cross-axisflex-start flex-end center space-between space-around, etcstretch
justifyAlign flex items on main-axisflex-start flex-end center space-between space-around, space-evenlycenter

Usage

Basic Flex

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap

Direction - Column

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap

Direction - Row

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap

Justify

Space Between

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap

Space Around

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap

Space Evenly

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap

Center

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap

Flex Start

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap

Flex End

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap

Wrap

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap

Align Content

Dark Mode
camara.space
woman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit capwoman in black and white crew neck long sleeve shirt wearing purple knit cap