Patterns
Card with pinned footer
A card that fills its column height with content at the top and an action pinned to the bottom. Uses Spread direction="vertical" inside a fixed-height container.
Action
Toolbar
A horizontal bar with a label or title on the left and actions on the right. Uses Spread with alignY="center" to vertically center items of different heights.
Without alignY (default stretch)
Title
Save
Delete
With alignY="center"
Title
Save
Delete
With alignY="top"
Title
Save
Delete
Form layout
A single-column form with consistent field spacing. Fields stack vertically with Stack; submit sits at the bottom.
Field
Field
Field
Submit