A utility component that provides flexible layout control using CSS Flexbox properties.
| Property | Description | Type |
|---|---|---|
direction | Defines the direction flex items are placed in the flex container. | row | column | row-reverse | column-reverse |
gap | Defined the space between flex items. | none | xs | s | m | l | xl | 2xl |
wrap | Allows the items to wrap as needed. | boolean |
justify | Defines the alignment along the main axis. | start | end | flex-start | flex-end | center | between | around | evenly |
align | This defines the default behavior for how flex items are laid out along the cross axis on the current line. | initial | strech | flex-start | flex-end | center | baseline | start | end | self-start | self-end |