ComponentClient component
Scroll Area
A native-scrolling viewport with refined custom scrollbars.
Installation
Preview
Usage
tsx
import { ScrollArea } from "@/components/ui/scroll-area"
<ScrollArea className="h-64">
<div className="p-4">Scrollable content</div>
</ScrollArea>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
type | "auto" | "always" | "scroll" | "hover" | "hover" | Controls when custom scrollbars are visible. |
scrollHideDelay | number | 600 | Delay before an auto scrollbar hides. |
className | string | — | Overrides or extends the generated Tailwind classes. |
disabled | boolean | false | Prevents user interaction when supported. |