---
category: layout
---

# ScrollArea

Source: `components/ui/scroll-area.tsx`.

`ScrollArea` is a compound component. Its parts are exported **flat** (`ScrollBar`, not
`ScrollArea.ScrollBar`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `ScrollBar` | `React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>` |

All parts accept `className` and are composed as children of `ScrollArea`.