← ui-lab

Scroll Area

A scrollable region that is keyboard-operable. Focus it, then ArrowDown/ArrowUp scroll by a step, PageDown/PageUp by a viewport, and Home/End jump to the top/bottom — so the content is reachable without a pointer.

Preview

Line 1
Line 2
Line 3
Line 4
Line 5
Line 6
Line 7
Line 8
Line 9
Line 10
Line 11
Line 12
Line 13
Line 14
Line 15
Line 16
Line 17
Line 18
Line 19
Line 20
Line 21
Line 22
Line 23
Line 24
Line 25
Line 26
Line 27
Line 28
Line 29
Line 30

Installation

npx shadcn@latest add https://ui.publictheta.com/r/scroll-area.json

Conformance

This component conforms to the @publictheta/ui-spec scroll-area specification. Run the suite against any implementation with pnpm conformance.