Component

Layout primitives

Box, Container, Stack, Grid, and AspectRatio: the escape-hatch and spacing-scale building blocks every other component composes with. Stack's direction prop covers both vertical (default) and horizontal layouts.

Grid

gap accepts the fixed spacing scale (1,2,3,4,5,6,8,10,12,16), not arbitrary pixels

Stack direction

direction="vertical" (the default) stacks children top-to-bottom; direction="horizontal" lays them out in a row.

AspectRatio

16:9

API reference

Prop	Type	Default	Description
gap	Fuji spacing token	None	Stack and Grid spacing.
columns	number	None	Responsive Grid column count.
ratio	number	None	AspectRatio width divided by height.
className	string	None	Additional classes applied to the component root.

gapNone

Fuji spacing token

Stack and Grid spacing.

columnsNone

number

Responsive Grid column count.

ratioNone

number

AspectRatio width divided by height.

classNameNone

string

Additional classes applied to the component root.