# twist-virtual-scroller

**Repository Path**: mirrors_adobe/twist-virtual-scroller

## Basic Information

- **Project Name**: twist-virtual-scroller
- **Description**: Virtual Scrolling for Twist!
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-24
- **Last Updated**: 2026-03-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Twist Virtual Scroller

[![Build Status](https://travis-ci.org/adobe/twist-virtual-scroller.svg?branch=master)](https://travis-ci.org/adobe/twist-virtual-scroller)

This is a library containing a virtual scroller component for [Twist](https://github.com/adobe/twist), including some example layout algorithms such as Knuth-Plass.

See the [twist-virtual-scroller documentation](docs/index.md) 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](https://github.com/adobe/react-twist) with the virtual scroller, a minimal `.twistrc` file will look like:

```json
{
    "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](https://github.com/adobe/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.