getFlexClass()function

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

Wrap overflowing elements onto the next line.

Overflowing elements do not wrap onto the next line.

Display the elements as a column (defaults to row).

Reverse the order of the elements.

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).

Rows: Justify the elements with space between them (primary axis).
Columns: Justify the elements with space between them (primary axis).

Rows: Justify the elements with space around them (primary axis).
Columns: Justify the elements with space around them (primary axis).

Rows: Justify the elements to the left (primary axis).
Columns: Align the elements to the left (secondary axis).

Rows: Justify the elements to the center (primary axis).
Columns: Align the elements to the center (secondary axis).

Rows: Justify the elements to the right (primary axis).
Columns: Align the elements to the right (secondary axis).

Rows: Align the elements to the top (secondary axis).
Columns: Justify the elements to the top (primary axis).

Rows: Align the elements to the middle (secondary axis).
Columns: Justify the elements to the middle (primary axis).

Rows: Align the elements to the bottom (secondary axis).
Columns: Justify the elements to the bottom (primary axis).

Rows: Align the text baselines of the elements (in rows or columns)
Columns: Not-applicable, has no effect.

The combined flex + gap class string.