background

Kendo UI for Angular

Angular ScrollView

  • Give your users a great UX with this highly customizable Angular carousel component.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Scrollview Component example in the context of a picture gallery
  • Show Content in a Carousel

    The Kendo UI for Angular ScrollView displays a horizontal collection of content or images with built-in navigation tools, automatic scrolling and visual indicators to help users keep track of their location in the collection at any time.

    See Angular ScrollView Overview demo.

    Kendo UI for Angular ScrollView - Overview
  • Animations

    By default, navigation between the ScrollView items features a sliding animation to showcase the transition from one item to the next. This animation can be disabled to have each item appear independently and without any transition.

    See Angular ScrollView Animations demo.

  • Arrows and Paging

    The navigation arrows, and the page indicator, of the Kendo UI for Angular ScrollView is highly configurable. It can be enabled or disabled based on a configuration option for each feature.You can also choose between dark and light mode in order to make it stand out against the content.

    See Angular ScrollView Arrows and Paging demo.

    Kendo UI for Angular ScrollView - Arrows and Paging
  • Endless Scrolling

    By default, the Kendo UI for Angular ScrollView allows users to scroll through the content from left to right until they reach the last collection item. In order to get back to the beginning, users have to scroll back to the left. You can enable the Endless Scrolling feature to make the last item slide back to the first item of the Angular ScrollView.

    See Angular ScrollView Endless Scrolling demo.

    Kendo UI for Angular ScrollView - Endless Scrolling
  • Dimensions

    You can customize the dimensions of the Kendo UI for Angular ScrollView by defining its height and width properties.

    See Angular ScrollView Dimensions demo.

  • Data Binding

    Items displayed within the Kendo UI for Angular ScrollView can be manually created and defined declaratively or bound to a data source.

    See Angular ScrollView Data Binding demo.

  • Globalization

    The Kendo UI for Angular ScrollView can be rendered in an RTL (right-to-left) fashion, which enables users to scroll through the content items from left to right.

    See Angular ScrollView Globalization demo.

  • Keyboard Navigation

    Users can use the arrow keys of their keyboard to scroll through the items within the Kendo UI for Angular ScrollView.

    See Angular ScrollView Keyboard Navigation demo.

  • Accessibility

    The Kendo UI for Angular ScrollView is rated AAA with WCAG 2.0 and complies withboth Section 508 and WAI-ARIA standards.

    See Angular ScrollView Accessibility demo.

    Accessibility

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka