Components

Box

A container that applies padding, surface colour, border and corner radius from token values.

28 October 2026

Added

padding, paddingInline, paddingBlock: 13 values from the space scale (none - 7xl).
background (7 values), border (none, default, subtle) and radius (none, sm, md, lg).
Rendering as another element such as <section>, <aside> or <ul> with render.
No className or style by design; a type test checks this.
The data-component="box" attribute.