Scroll Area
Augments native scroll functionality for custom, cross-browser styling.
Installation
›pnpm dlx shadcn@latest add @evolphin/scroll-area
Usage
import { ScrollArea } from "@/components/ui/scroll-area";<ScrollArea className="h-[200px] w-[350px] rounded-md border p-4">
Jokester began sneaking into the castle in the middle of the night and leaving
jokes all over the place: under the king's pillow, in his soup, even in the
royal toilet. The king was furious, but he couldn't seem to stop Jokester. And
then, one day, the people of the kingdom discovered that the jokes were left
by Jokester, and they started laughing. And then they started dancing. And
then they started singing. And then they started having a good time.
</ScrollArea>Examples
Default
API Reference
ScrollArea
| Prop | Type | Default | Description |
|---|---|---|---|
type | `"auto" \ | "always" \ | "scroll" \ |
className | string | - | Additional CSS classes |
ScrollBar
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | `"vertical" \ | "horizontal"` | "vertical" |
className | string | - | Additional CSS classes |