Layout

Flex/grid primitives so page structure reads semantically. gap is in 4px units on the Tailwind spacing scale; every primitive is polymorphic via as.

Row — horizontal flex

Header row

active

<Row gap={3} align="center" justify="between">…</Row>

first

second

third

<Column gap={3}>…</Column>  // Stack is an alias

<Grid cols={3} gap={3}>          // fixed
<Grid minColWidth={160} gap={3}>    // auto-fit card grid

metadata

⌘K

pushed right

<Cluster gap={1.5}>…</Cluster>   // wraps inline
<Spacer />                    // flex-1

Production

Last deployed 12 minutes ago