Twist Virtual Scroller

This is a library containing a virtual scroller component for Twist, including some example layout algorithms such as Knuth-Plass.

See the twist-virtual-scroller documentation for usage and API details.

Setup

To use the virtual scroller in your Twist application, you'll need to install @twist/virtual-scroller from NPM, and also add it to the libraries in your .twistrc file. For example, if you're using React-Twist with the virtual scroller, a minimal .twistrc file will look like:

{
    "libraries": [
        "@twist/react",
        "@twist/virtual-scroller"
    ]
}

Note that the virtual scroller provides UI components, and so requires an implementation of Twist components - this means that it can't be used just with Twist core, but requires a framework implementation, like React-Twist.

Example

To play with the example in this repo, run:

npm install
npm run watch

Then go to http://localhost:9000/ in your browser.