Scroll Area

A custom scrollable area with consistently styled scrollbars across platforms.

$bunx shadcn@latest add @nx-ui/scroll-area
Registry item
Installs withutils
Used byai-queue

Vertical scrolling

A fixed-height panel with a styled vertical scrollbar. Give the root an explicit height.

Horizontal scrolling

Render a second ScrollBar with orientation="horizontal" alongside wide, non-wrapping content.

Member list

A tall list of organisation members, each row an avatar, name and status badge.

Short content, no overflow

When content fits, the viewport just renders it — no scrollbar track appears.

Composition: haulage timeline

A scrollable activity timeline for a depot run, mixing icons, badges and a certificate footer.

Tuesday haulage run

In progress
Diversion certificate issued to Nexus network on completion.

API reference

Exported parts and their props, extracted from the component source.