Components

Inline

Lays children out horizontally, wraps them to a new row when space runs out and sets the space between them with a token.

28 October 2026

Added

gap: 13 values from the space scale; default sm. The same value is used between rows.
align: start, center, end, baseline; default center.
justify: start, center, end, between; default start.
wrap: default true.
Rendering as another element such as <ul> or <nav> with render.
className for layout only.
The data-component="inline" attribute.