import { ScrollArea } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "vertical" | "horizontal" | "both" | "vertical" | Scroll direction |
type | "auto" | "always" | "hover" | "auto" | Scrollbar visibility mode |
maxHeight | string | — | Maximum height before scrolling |
maxWidth | string | — | Maximum width before scrolling |
orientationType
"vertical" | "horizontal" | "both"Default "vertical"Scroll direction
typeType
"auto" | "always" | "hover"Default "auto"Scrollbar visibility mode
maxHeightType
stringDefault —Maximum height before scrolling
maxWidthType
stringDefault —Maximum width before scrolling
MobileWorks As-Is
ScrollArea handles overflow natively. Works on mobile without modification.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?