Studiov0.6.0

ScrollArea

Tier 1shadcn
Layout

A styled scrollable region with a custom scrollbar that matches the design system.

Live Preview

List item 1

List item 2

List item 3

List item 4

List item 5

List item 6

List item 7

List item 8

List item 9

List item 10

Code

import { ScrollArea } from "@regen/ui";

<ScrollArea />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • Long lists in fixed-height sidebars
  • Chat message history panels
  • Overflow content in modals

Do

  • Set explicit height on the ScrollArea
  • Use for any fixed-height overflow container

Don't

  • Don't use on full-page scroll — use native scroll
  • Don't forget to set h- class