Scroll Area

A native scroll container with custom scrollbars that fade in on hover or while scrolling.

Anatomy

A single component that wraps the scrollable content. Size or style the outer box via className. Scrollbars overlay the corner without taking space in the layout.

API

Reference for the component's available props and behavior.

ScrollArea

Wraps its content in a viewport that scrolls when overflowed. className styles the outer container, while ref, onScroll, and any other props pass through to the inner viewport. That makes it safe to drop into render slots like ConversationContent, where the parent needs a handle on the element that actually scrolls.