ScrollViewProps

Represents the props of the KendoReact ScrollView component.

NameTypeDefaultDescription

activeView?

number

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

arrows?

boolean

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

automaticViewChange?

boolean

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

automaticViewChangeInterval?

number

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

children?

React.ReactNode

Sets the ScrollView children elements.

className?

string

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

dir?

string

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

endless?

boolean

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

pageable?

boolean

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

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.

style?

React.CSSProperties

Sets additional CSS styles to the ScrollView.