imitation

Stack

A row or a column with a spacing-token gap.

Project rowA column of rows; each row pushes its ends apart

Harbour rebrand

On track

Tideline mobile

Review

Crew interviews

Late

Row, gap sm

DesignEngResearchOps

Row, gap xl

DesignEngResearchOps

Column, gap xs

DesignEngResearch

Wrapping

DesignEngResearchOps

In context

Project cardStacks inside a Card: title row, summary, footer row

Harbour rebrand

On track

Identity, site and launch kit for the harbour trust.

Maya Chen

Due 24 Oct

Props

Prop	Type	Required	Default
`direction`	`"row" \| "column" \| undefined`	No	column
`gap`	`"xs" \| "sm" \| "md" \| "lg" \| "xl" \| "2xl" \| undefined`	No	md
`align`	`"center" \| "start" \| "end" \| "stretch" \| undefined`	No	—
`justify`	`"center" \| "start" \| "end" \| "between" \| "around" \| undefined`	No	—

data-rebar-* attributes

data-rebar-component="stack", data-rebar-direction set to the current direction.

Migrating to Ant Design

Not codemod-covered — AntD's Space/Flex are the closest structural equivalents (Flex maps almost directly onto direction/gap/align/justify), a close, low-risk manual rename.