Installation
Examples
Column stack
Vertical layout with even gap.
Item A
Item B
Item C
Row stack with wrap
Horizontal with flex-wrap enabled.
ReactTypeScriptTailwindNext.jsVeloria UI
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| direction | 'row'|'column' | 'column' | Flex direction. |
| gap | number|string | 4 | Space between children. |
| align | string | — | align-items value. |
| justify | string | — | justify-content value. |
| wrap | boolean | false | Enables flex-wrap. |
| divider | ReactNode | — | Element rendered between children. |