Overview

Augments native scroll functionality for custom, cross-browser styling.

Properties

Properties	Description
children	The Children prop allows users to pass other components as a property, enabling users to compose together components.
className	The className property can be used to add a CSS class to a component that accepts styling. In Clutch, the className property powers the visual styling panel and the class name itself is auto-generated. Additional class names can be passed to the component by twirling open the className control and passing in strings.
style	The style property accepts a CSS JavaScript object with camelCased properties rather than a CSS string. Using the style attribute as the primary means of styling elements is generally not recommended. The style is most often used in React applications to add dynamically-computed styles at render time. Learn more about the style property here.
type	Describes the nature of scrollbar visibility, similar to how the scrollbar preferences in MacOS control the visibility of native scrollbars. "auto" means that scrollbars are visible when content is overflowing on the corresponding orientation. "auto" means that scrollbars are visible when content is overflowing on the corresponding orientation. "always" means that scrollbars are always visible regardless of whether the content is overflowing. "scroll" means that scrollbars are visible when the user is scrolling along its corresponding orientation. "hover" when the user is scrolling along its corresponding orientation and when the user is hovering over the scroll area.
dir	The reading direction of the scroll area. If omitted, inherits globally from DirectionProvider or assumes LTR (left-to-right) reading mode.
orientation	The orientation of the scrollbar