Get started
Fabricator UI

Search documentation

Search pages, components, blocks, styles and colours.

Scroll Area

PreviousNext

Augments native scroll functionality for custom, cross-browser styling.

Base UIReact AriaRadix UI

Installation

bunx --bun fabricator-ui@latest add scroll-area

Usage

import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area"
<ScrollArea className="h-[200px] w-[350px] rounded-md border p-4">
  Your scrollable content here.
</ScrollArea>

Composition

Use the following composition to build a ScrollArea:

ScrollArea
└── ScrollBar

Horizontal

Use ScrollBar with orientation="horizontal" for horizontal scrolling.

API Reference

See the Base UI Scroll Area documentation.