Scroll Area
A custom scrollable area with stylized scrollbars and neumorphic design.
Installation
$ npx shadcn@latest add "/r/scroll-area.json"
Usage
Horizontal Scroll
Enable horizontal scrolling by providing the orientation prop to ScrollAreaScrollbar.
Props
ScrollAreaScrollbar
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "vertical" | "horizontal" | "vertical" | The orientation of the scrollbar. |
| className | string | - | Additional CSS classes to apply to the scrollbar. |
ScrollAreaThumb
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes to apply to the thumb. |