Stack
Vertically stacked elements, taking up the full width by default. Best nested within other Stacks.
Row
Horizontally stacked components, with convenience wrap
and expand
props. By default, all children are vertically centered and horizontally start-aligned.
Clamp
Center-constrained component, supporting both horizontal and vertical clamping. Individual children can "opt out" of the clamping with the <Breakout>
component.
Columns
Extrinsicly sized columns, filling the whole available space and wrapping all-at-once when the collapseAt
value is reached. Space distribution can be customized with the ratio
prop.
Grid
Grid layout with with responsive defaults, but also fully customizable with standard CSS grid properties.