Scroll Area

Scroll Area is a scrollable container with consistent, cross-browser custom scrollbars.

Installation

pnpm add @viliha/vui-ui

Then import from @viliha/vui-ui/scroll-area.

Usage

Give it a fixed height/width; content beyond it scrolls with a styled bar.

scroll-area-demo.tsx

import { ScrollArea } from "@viliha/vui-ui/scroll-area";

export function Example() {
  return (
    <ScrollArea className="h-72 w-48 rounded-md border">
      {/* long content */}
    </ScrollArea>
  );
}