New to KendoReact? Start a free 30-day trial

ScrollViewProps

Interface

Represents the props of the KendoReact ScrollView component.

Definition

Package:@progress/kendo-react-scrollview

Properties

activeView?

number

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

Default:

arrows?

boolean

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

Default:

true

automaticViewChange?

boolean

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

Default:

true

automaticViewChangeInterval?

number

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

Default:

5000

children?

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.

Default:

false

pageable?

boolean

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

Default:

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?

CSSProperties

Sets additional CSS styles to the ScrollView.

webMcp?

boolean | WebMcpProps

Enables Web MCP tool registration for this component. Requires a parent WebMcpProvider from @progress/kendo-react-webmcp.