Components

ScrollArea

Scroll areas constrain overflowing content into a fixed region without losing access to the rest of the interface.

Basic Usage

Use a standard scroll area when the content is modest in size but still needs a bounded viewport.

Virtualized Lists

Use the virtualized variant for longer lists where rendering every row at once would be wasteful.

Horizontal Scrolling

Horizontal orientation is useful for card rails, chips, or wide utility panels that should not wrap.

API reference

ScrollArea wraps Base UI Scroll Area. Use the Base UI API reference for viewport, scrollbar, thumb, corner, and orientation behavior.

Edit this page
Last updated: May 22, 2026, 6:53 PM