Primitive

Scroll Area

Bounded overflow primitive for tables, menus, traces, and upload lists.

Use ScrollArea before local max-height and overflow rules. Extent is tokenized through the sizing foundation.
layout
DOM renderImage render
Scroll AreaDefault

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Bounded compact list.
Render state

Large

Larger trace or table scroll region.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
extent'small' | 'medium' | 'large' | 'viewport'-Maximum block-extent recipe.
childrenReactNode-Scrollable content.