ScrollViewProps

Premium

Represents the props of the KendoReact ScrollView component.

Name	Type	Default	Description
activeView?	number		Represents the current active view (see example). Defaults to 1. jsx <ScrollView activeView={2} />
arrows?	boolean		Enables or disables the built-in navigation arrows (see example). Defaults to true. jsx <ScrollView arrows={false} />
automaticViewChange?	boolean		Allows the ScrollView to switch the next page automatically after a short delay (see example). Defaults to true. jsx <ScrollView automaticViewChange={false} />
automaticViewChangeInterval?	number		Defines the automatic page change delay in milliseconds (see example). Defaults to 5000. jsx <ScrollView automaticViewChangeInterval={3000} />
children?	React.ReactNode		Sets the ScrollView children elements. jsx <ScrollView> <div>Page 1</div> <div>Page 2</div> </ScrollView>
className?	string		Specifies a list of CSS classes that will be added to the ScrollView. jsx <ScrollView className="custom-scrollview" />
dir?	string		Represents the dir HTML attribute. This is used to switch from LTR to RTL. jsx <ScrollView dir="rtl" />
endless?	boolean		Toggles the endless scrolling mode in which the data items are endlessly looped (see example). Defaults to false. jsx <ScrollView endless={true} />
pageable?	boolean		Toggles the built-in pager (see example). Defaults to true. jsx <ScrollView pageable={false} />
pagerOverlay?	"dark" | "light" | "none"		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. jsx <ScrollView pagerOverlay="dark" />
style?	React.CSSProperties		Sets additional CSS styles to the ScrollView. jsx <ScrollView style={{ width: '100%' }} />