Scroll Area
Custom scrollbar overlay built on Radix UI. Consistent across browsers.
Installation
1
Run the CLI
$npx particleui-cli add scroll-area
Usage
TSX
import { ScrollArea } from "@/components/ui/scroll-area"
export default function Example() {
return (
<ScrollArea className="h-48 w-64 rounded-md border p-4">
{Array.from({ length: 20 }).map((_, i) => (
<p key={i} className="text-sm">Item {i + 1}</p>
))}
</ScrollArea>
)
}Details
Source filecomponents/ui/scroll-area.tsx
Typeui
Categorieslayout, core
npm dependencies@radix-ui/react-scroll-area
Registry deps
Claude skill—