BetaPublic beta — Read the release notes
Solidiom
Get Started
Documentation

Scroll Area

Custom-styled scrollbar with native scrolling performance.

Package
@solidiom/scroll-area
Version
0.0.1-next.0
Status
stable

Generated from the package's public source.

API

Rootcomponent

                        Root(props: ScrollAreaRootProps): Element

Props

class?
string
scrollHideDelay?
number — Hide delay in ms for hover/scroll modes. Default 600.
style?
string | CSSProperties
type?
"auto" | "always" | "hover" | "scroll" — Scrollbar visibility: "auto" | "always" | "hover" | "scroll". Default "hover".

children: Element

View source

ScrollAreaRootPropsinterface

Props

class?
string
scrollHideDelay?
number — Hide delay in ms for hover/scroll modes. Default 600.
style?
string | CSSProperties
type?
"auto" | "always" | "hover" | "scroll" — Scrollbar visibility: "auto" | "always" | "hover" | "scroll". Default "hover".

children: Element

View source

ScrollAreaScrollbarPropsinterface

Props

class?
string
orientation?
"vertical" | "horizontal" — Scrollbar orientation.
style?
string | CSSProperties

children: Element

View source

ScrollAreaThumbPropsinterface

Props

class?
string
style?
string | CSSProperties

View source

ScrollAreaViewportPropsinterface

Props

class?
string
style?
string | CSSProperties

children: Element

View source

Scrollbarcomponent

                        Scrollbar(props: ScrollAreaScrollbarProps): Element

Props

class?
string
orientation?
"vertical" | "horizontal" — Scrollbar orientation.
style?
string | CSSProperties

children: Element

View source

Thumbcomponent

                        Thumb(props: ScrollAreaThumbProps): Element

Props

class?
string
style?
string | CSSProperties

View source

Viewportcomponent

                        Viewport(props: ScrollAreaViewportProps): Element

Props

class?
string
style?
string | CSSProperties

children: Element

View source