Customize Root Element

The React Virtuoso component accepts the standard set of HTML attributes and passes them to the root scrollable DOM div. You can use this to customize the styling and to bind to DOM events like onScroll. If you want to customize the wrapper further, you can pass a custom component as components.Scroller.

List with custom styling

loading...

The example below changes the scroller element with a custom component. This approach is useful for integrating the component with a custom scroller library.

List with custom scroller

loading...