Nexub DSv0.0.2
Brand
Components · Disclosure
Scrollable container with custom styled scrollbars.
import { Scroll Area } from '@nexub/react';| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| type | 'auto' | 'always' | 'scroll' | 'hover' | 'hover' | — | Controls when the scrollbar is visible. "hover" shows it on mouse-over, "scroll" while scrolling, "always" always, "auto" when content overflows. |
| scrollHideDelay | number | 600 | — | Milliseconds before the scrollbar hides after the user stops interacting (only applies to types "scroll" and "hover"). |
| orientation | 'vertical' | 'horizontal' | 'both' | 'vertical' | — | Which axis(es) to make scrollable. |
| className | string | — | — | Additional CSS class names applied to the viewport wrapper. |
| style | React.CSSProperties | — | — | Inline styles applied to the viewport wrapper. |