adobe/twist-virtual-scroller

Name: twist-virtual-scroller

Owner: Adobe Systems Incorporated

Description: Virtual Scrolling for Twist!

Created: 2018-01-19 22:11:15.0

Updated: 2018-02-02 01:18:56.0

Pushed: 2018-02-05 23:54:31.0

Homepage: null

Size: 224

Language: JavaScript

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

Twist Virtual Scroller

Build Status

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:

install
run watch

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


This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.