Builtin component
Flexbox row or column layout.
| Prop | Type | Default | Description |
|---|---|---|---|
content | PageNode | PageNode[] | — | Child nodes |
direction | "row" | "column" | "row" | Flex direction |
gap | "none" | "sm" | "md" | "lg" | "md" | Spacing between items |
align | "start" | "center" | "end" | "stretch" | "stretch" | Cross-axis alignment |
justify | "start" | "center" | "end" | "between" | "start" | Main-axis alignment |
wrap | boolean | false | Allow wrapping |
Flex({
direction: "row",
gap: "sm",
align: "center",
justify: "between",
content: [
Badge({ label: "Status" }),
Button({ label: "Action" }),
],
})