ScrollView

Represents the KendoReact ScrollView component.

const App = () => {
  const items: any[] = [
    { position: 1, url: 'https://demos.telerik.com/kendo-ui/content/web/scrollview/image1.jpg' },
    { position: 2, url: 'https://demos.telerik.com/kendo-ui/content/web/scrollview/image2.jpg' },
    { position: 3, url: 'https://demos.telerik.com/kendo-ui/content/web/scrollview/image3.jpg' }
  ];
  return (
    <ScrollView style={{width: 512, height: 384}}>
      {items.map((item, index) => {
        return (
          <div className="image-with-text" key={index}>
            <p>Showing image {item.position} of {items.length}.</p>
            <img
              src={item.url}
              alt={'Photo'}
              style={{width: 512, height: 384}}
              draggable={false}
            />
          </div>
        );
      })}
    </ScrollView>
  );
};
ReactDOM.render(<App />, document.querySelector('my-app'));

In this article

Not finding the help you need?