Waiting for action
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Equal-width column layout for placing children side by side or stacked in one column.
| Prop | Type | Default | Description |
|---|---|---|---|
direction | "row" | "column" | "row" | Row places children in equal columns; column stacks them. |
columns | number | 3 | Number of equal columns when direction is row. |
gap | number | string | 16 | Gap between columns. |
children | ReactNode | — | Column content. |
className | string | — | Optional class name on the root container. |
