Scroll Area

<ScrollArea class="h-40 w-56 rounded-md border p-4">
  <div class="space-y-2 text-sm">{/* 12 tags */}</div>
</ScrollArea>

A scrollable region with styled scrollbars.

Installation

railbase ui add scroll-area

Usage

import { ScrollArea, ScrollBar } from "@/lib/ui/scroll-area";

<ScrollArea class="h-48 w-full">
  …long content…
  <ScrollBar />
</ScrollArea>

Anatomy

Exported parts: ScrollArea · ScrollBar