ScrollViewProps

Premium

Represents the current active view (see example). Defaults to 1.

<ScrollView activeView={2} />

Enables or disables the built-in navigation arrows (see example). Defaults to true.

<ScrollView arrows={false} />

Allows the ScrollView to switch the next page automatically after a short delay (see example). Defaults to true.

<ScrollView automaticViewChange={false} />

Defines the automatic page change delay in milliseconds (see example). Defaults to 5000.

<ScrollView automaticViewChangeInterval={3000} />

Sets the ScrollView children elements.

<ScrollView> <div>Page 1</div> <div>Page 2</div> </ScrollView>

Specifies a list of CSS classes that will be added to the ScrollView.

<ScrollView className="custom-scrollview" />

Represents the dir HTML attribute. This is used to switch from LTR to RTL.

<ScrollView dir="rtl" />

Toggles the endless scrolling mode in which the data items are endlessly looped (see example). Defaults to false.

<ScrollView endless={true} />

Toggles the built-in pager (see example). Defaults to true.

<ScrollView pageable={false} />

Sets the pager overlay (see example).

The possible values are:

• none(Default) — No overlay is set.
• dark — Dark overlay is set.
• light — Light overlay is set.

<ScrollView pagerOverlay="dark" />

Sets additional CSS styles to the ScrollView.

<ScrollView style={{ width: '100%' }} />