Skip to content

ScrollArea

stable

Scrollable container with styled scrollbar

import { ScrollArea } from "@nodus/design-system"
Loading demo…

Props

orientation
Type "vertical" | "horizontal" | "both"Default "vertical"

Scroll direction

type
Type "auto" | "always" | "hover"Default "auto"

Scrollbar visibility mode

maxHeight
Type stringDefault

Maximum height before scrolling

maxWidth
Type stringDefault

Maximum width before scrolling

Metadatasurfaceborder
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?