Scroll Area

A scrolling region with a slim, themed scrollbar that fades in on hover instead of the platform's own. The content still scrolls natively.

tsx

1import { ScrollArea, ScrollBar } from "@pestoui/core"

Vertical

Give the area a height; anything taller scrolls inside it. The vertical bar is built in.

Run #1204just now

Run #12031h ago

Run #12022h ago

Run #12013h ago

Run #12004h ago

Run #11995h ago

Run #11986h ago

Run #11977h ago

Run #11968h ago

Run #11959h ago

Run #119410h ago

Run #119311h ago

Add a <ScrollBar orientation="horizontal" /> for content that overflows sideways.

SupportResearchContentOperationsSalesFinanceLegal

Prop	Type	Default	Description
type	"hover" \| "scroll" \| "auto" \| "always"	"hover"	On ScrollArea. When the scrollbar shows.
className	string	—	On ScrollArea. The height or max-height that makes the content overflow.
orientation	"vertical" \| "horizontal"	"vertical"	On ScrollBar. ScrollArea renders the vertical one itself; add a horizontal one as a child.

Pesto UI · 117 documented components