UI
← Home

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.

  • Axe
  • Focus

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

Verified against the @publictheta/ui-spec scroll-area specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

  • Axe — No WCAG 2 A/AA axe-core violations
  • Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)

See the full conformance matrix across all components.