vue-typed-virtual-list

 !size  !Typescript

A fast, type-safe virtual list component for Vue 3.

Features:
- Extremely efficient calculations
- Provides generic type safety inside the #item slot
- Automatically and transparently deals with variable element heights
- Small footprint. <2KB gzipped

Live Demo · Try it on CodeSandbox

Usage

Example:

``vue



`

or, with
`

$3

- defaultSize - Placeholder size to use in calculations before an item's actual height has been measured
- items - Array of items to render
- padding - Number of items beyond what is visible in the overflow viewport to render. (Default: 10)

$3

- visibleItemsChanged - Fired when the start/end indices have changed
- argument type: { start: number; end: number }

$3

- scrollTo(index: number): void - scrolls an index into view

$3

`
yarn
yarn dev
``

$3

PRs welcome