Scroll Area

Augments native scroll functionality for custom styling.

Installation

Install this component via the shadcn CLI.

npx shadcn@latest add https://baby-baltazar-xi.vercel.app/r/scroll-area.json

Or install the theme first: npx shadcn@latest add https://baby-baltazar-xi.vercel.app/r/sthlm-theme.json

Interactive component demo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.

How to use this component in your code.

<ScrollArea className="h-[200px] w-[350px]">
  <div>Content</div>
</ScrollArea>

Augments native scroll functionality for custom styling.

Install this component via the shadcn CLI.

npx shadcn@latest add https://baby-baltazar-xi.vercel.app/r/scroll-area.json

Or install the theme first: npx shadcn@latest add https://baby-baltazar-xi.vercel.app/r/sthlm-theme.json

Interactive component demo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.

How to use this component in your code.

<ScrollArea className="h-[200px] w-[350px]">
  <div>Content</div>
</ScrollArea>