moonstone/Scroller

Provides Moonstone-themed scroller components and behaviors.

import Scroller from '@enact/moonstone/Scroller';

Members

ScrollerComponent

A Moonstone-styled Scroller, Scrollable applied.

Usage:

<Scroller>Scroll me.</Scroller>
import Scroller from '@enact/moonstone/Scroller';

ScrollerBaseComponent

A Moonstone-styled base component for Scroller. In most circumstances, you will want to use the SpotlightContainerDecorator and the Scrollable version, Scroller.

import {ScrollerBase} from '@enact/moonstone/Scroller';
Properties
focusableScrollbar
Boolean

Allows 5-way navigation to the scrollbar controls. By default, 5-way will not move focus to the scrollbar controls.

Default: false
id
String

Unique identifier for the component.

When defined and when the Scroller is within a Panel, the Scroller will store its scroll position and restore that position when returning to the Panel.

scrollDownAriaLabel
String

Sets the hint string read when focusing the next button in the vertical scroll bar.

Default: $L('scroll down')
scrollLeftAriaLabel
String

Sets the hint string read when focusing the previous button in the horizontal scroll bar.

Default: $L('scroll left')
scrollRightAriaLabel
String

Sets the hint string read when focusing the next button in the horizontal scroll bar.

Default: $L('scroll right')
scrollUpAriaLabel
String

Sets the hint string read when focusing the previous button in the vertical scroll bar.

Default: $L('scroll up')
ArrayBooleanFunctionModuleNumberObjectString