Sleeve
The content container, and the last link in the chain. A Stack arranges regions, a Slot is one region, and a Sleeve arranges the content inside one — on --space-component-*, the only primitive that does.
Each example measures itself, so its gutters are to scale rather than to the page's. The arrangements are exact.
| Prop | Description | Default | Control |
|---|---|---|---|
| gap | space between children, a fixed --space-component-* step. Default 3 (12px)none1234568 | 3 |
|
| justify | where children sit across the Sleeve. Anything but stretch makes each child as wide as its contentstretchstartcenterend | stretch |
|
| align | where the content sits when the Sleeve is taller than it. Default startstartcenterendstretch | start |
|