KendoReact ScrollView Overview

The KendoReact ScrollView represents a horizontal collection of content or image views with built-in navigation between them.

The ScrollView is built from the ground up and specifically for React, so that you get a high-performance control which delivers lightning-fast performance, integrates tightly with your application and with the rest of the KendoReact components, and is highly customizable.

The KendoReact ScrollView component is distributed through the kendo-react-scrollview NPM package.


The following example demonstrates the ScrollView component in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

The KendoReact ScrollView component delivers a range of handy and developer-friendly features whose number and further development are not limited by the list in this section. The KendoReact team constantly invests ongoing efforts to improve the performance and add more value to the existing ScrollView component as well as develop new features to it.

Arrows

You can control the behavior of the built-in navigation arrows of the ScrollView, which are enabled by default. Read more about the navigation arrows functionality of the ScrollView...

Paging

The ScrollView provides options for enabling or disabling its built-in paging functionality as well as for adding a pager overlay. Read more about the paging of the ScrollView...

Endless Scrolling

Furthermore, you can enable the endless scrolling mode which loops through its views in an endless fashion and which is disabled by default. Read more about the endless scrolling of the ScrollView...

Data

You can set a data as children for the ScrollView. Read more about the data of the ScrollView...

Active View

You can initially set an active view in the ScrollView by using the available configuration of the component. Read more about setting the active view of the ScrollView...

Globalization

The KendoReact ScrollView supports globalization to ensure that it can fit well in any application, no matter what languages and locales need to be supported. Additionally, the ScrollView supports rendering in a right-to-left (RTL) direction. Read more about the globalization of the ScrollView...

Accessibility

The ScrollView is accessible by screen readers and provides WAI-ARIA support. Read more about the accessibility of the ScrollView...

Keyboard Navigation

The ScrollView supports a number of keyboard shortcuts for processing various commands. Read more about the keyboard navigation of the ScrollView...

Support Options

For any questions about the use of KendoReact ScrollView, or any other KendoReact components, there are several support options available:

  • KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
  • The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
  • KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
  • KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.
  • Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.