Scroll Area
Themed, cross-browser scroll containers.
shadcn/ui · new-york-v4 · synced Aug 29, 2026shadcn/uinew-york-v4 · synced Aug 29, 2026
Installation
import { ScrollArea, ScrollBar } from "@aspyn-io/kit";Vertical list
Styled, cross-browser scrollbars that match the theme.
Horizontal
Add a ScrollBar with orientation="horizontal" inside the ScrollArea to scroll the other axis.
Notes
- ScrollArea renders a vertical ScrollBar by default; add <ScrollBar orientation="horizontal" /> as a child for horizontal scrolling.
- The viewport is a real scroll container: wheel, touch, thumb drag, and keyboard (arrows, Page, Home/End) all work.
- For scrollable dialog content, nest a ScrollArea inside DialogContent between the header and footer.