react-simple-vlist
A very simple virtualized list. This component only attempts to solve the problems of virtualized, vertical scrolling, in a very simple way. Nothing else.
Important
By contributing to this repository, you're agreeing to follow a code of conduct. Thank you.
Basic Usage
Below shows the most naive usage of the component.
;;
a11y
Because the aim of this component is to handle only what is necessary to virtualize a list vertically in terms of DOM-manipulation, this component does nothing on its own to setup ARIA attributes or roles. However, it does expose two properties that allow custom properties to be set on the scrollable container and the individual item containers (for visible items). Those properties are containerProps
and itemProps
, respectively.
For example, dealing with a virtualized list of articles you may do the following:
VList items= itemHeight= height= containerProps= /VList
Or perhaps you want just a simple virtualized list of items:
VList items= itemHeight= height= containerProps= itemProps= /VList
(NOTE: To any a11y experts, I'd love help improving these examples)