Scroll Area
Themed scrollable container with custom scrollbar styling.
Preview
Installation
npx drivn add scroll-areaUsage
1 import { ScrollArea } from "@/components/ui/scroll-area" 2 3 export default function Page() { 4 return ( 5 <ScrollArea className="h-48"> 6 {/* Scrollable content */} 7 </ScrollArea> 8 ) 9 }
Horizontal
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "vertical" | "horizontal" | "vertical" | Scroll direction |
className | string | — | Set height or max-height to enable scrolling |