Layout/Scroll Area
Scroll Area
A scrollable container with thin, subtly-styled scrollbars in place of the native browser scrollbar. Supports vertical, horizontal, or both-axis overflow.
import { ScrollArea } from "@animui/ui"Vertical
Horizontal
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | — | Scrollable content. |
maxHeight | string | number | — | Applied as an inline max-height style to constrain vertical scrolling. |
orientation | "vertical" | "horizontal" | "both" | "vertical" | Controls which axis is scrollable. |
className | string | — | Additional classes for the scroll container. |
Accessibility
- ✓Uses native scroll behavior, so keyboard scrolling and screen reader navigation work as expected.
- ✓Scrollbar styling is purely cosmetic and falls back to the browser default in unsupported browsers.