FlexVariantsinterface

{
	wrap?: boolean | undefined;
	nowrap?: boolean | undefined;
	column?: boolean | undefined;
	reverse?: boolean | undefined;
	stretch?: boolean | undefined;
	between?: boolean | undefined;
	around?: boolean | undefined;
	left?: boolean | undefined;
	center?: boolean | undefined;
	right?: boolean | undefined;
	top?: boolean | undefined;
	middle?: boolean | undefined;
	bottom?: boolean | undefined;
	baseline?: boolean | undefined;
}
PropertyType
.wrapboolean
Wrap overflowing elements onto the next line.
.nowrapboolean
Overflowing elements do not wrap onto the next line.
.columnboolean
Display the elements as a column (defaults to row).
.reverseboolean
Reverse the order of the elements.
.stretchboolean
Rows: Justify the elements across to stretch across the full width (this is the default for rows) (primary axis).
Columns: Justify the elements across to stretch across the full height (this is the default for columns) (primary axis).
.betweenboolean
Rows: Justify the elements with space between them (primary axis).
Columns: Justify the elements with space between them (primary axis).
.aroundboolean
Rows: Justify the elements with space around them (primary axis).
Columns: Justify the elements with space around them (primary axis).
.leftboolean
Rows: Justify the elements to the left (primary axis).
Columns: Align the elements to the left (secondary axis).
.centerboolean
Rows: Justify the elements to the center (primary axis).
Columns: Align the elements to the center (secondary axis).
.rightboolean
Rows: Justify the elements to the right (primary axis).
Columns: Align the elements to the right (secondary axis).
.topboolean
Rows: Align the elements to the top (secondary axis).
Columns: Justify the elements to the top (primary axis).
.middleboolean
Rows: Align the elements to the middle (secondary axis).
Columns: Justify the elements to the middle (primary axis).
.bottomboolean
Rows: Align the elements to the bottom (secondary axis).
Columns: Justify the elements to the bottom (primary axis).
.baselineboolean
Rows: Align the text baselines of the elements (in rows or columns)
Columns: Not-applicable, has no effect.

Variant props for flex layout — opt-in modifiers any component can mix in via getFlexClass().