Components
Layout Primitives
Composable building blocks for spacing and structure. Every gap is a spacing token, so layouts stay on the brand rhythm.
Stack
One
Two
Three
Inline
Grid
1
2
3
4
5
Usage
import { Stack, Inline, Grid, Container } from '@solace/ui';
<Stack gap="4">…</Stack>
<Inline gap="3">…</Inline>
<Grid min="240px" gap="4">…</Grid>
<Container size="prose">…</Container>This card sits inside a prose-width Container — the same primitive used to keep reading measures comfortable across the system.