build69
build69  /  Components  /  Layout & Surfaces  /  ScrollArea

ScrollArea

v1.0.1Updated 20 Jul 2026

Custom-styled scroll container (Radix). Replaces native scrollbars with consistent thin track.

Preview

Live · 10 stories
VerticalOpen ↗
Why this is recommendedscrolloverflowcontainervertical

ScrollArea — vertical.

Recommended for+14
  • Side panels with long lists
  • Chat transcripts
  • Sidebar nav with overflow
Tags+6
scrolloverflowcontainervertical
Features+4
  • Vertical & horizontal scroll
  • Custom thumb styling
  • Auto-hide scrollbar
Not recommended for−2
  • Full-page scroll (let the browser do it)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "ScrollArea" })

Usage

import { ScrollArea } from '@/components/surfaces/scroll-area';

<ScrollArea className="h-64">{longList}</ScrollArea>

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

No documented props — ScrollArea is composed rather than configured. See the source for its full signature.

Related