Socket
Socket
Sign inDemoInstall

svelte-tiny-virtual-list

Package Overview
Dependencies
Maintainers
1
Versions
25
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

svelte-tiny-virtual-list - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

2

package.json
{
"name": "svelte-tiny-virtual-list",
"version": "1.0.6",
"version": "1.0.7",
"description": "A tiny but mighty list virtualization component for svelte, with zero dependencies 💪",

@@ -5,0 +5,0 @@ "svelte": "src/index.js",

@@ -20,3 +20,3 @@ <p align="center"><img src="https://raw.githubusercontent.com/Skayo/svelte-tiny-virtual-list/master/assets/ListLogo.svg" alt="ListLogo" width="225"></p>

Instead of rendering all your list of data in a huge list, the virtual list component just renders the bits that are visible, keeping your page nice and light.
Instead of rendering all your data in a huge list, the virtual list component just renders the items that are visible, keeping your page nice and light.
This is heavily inspired by [react-tiny-virtual-list](https://github.com/clauderic/react-tiny-virtual-list) and uses most of its code and functionality!

@@ -26,3 +26,3 @@

- **Tiny & dependency free** – Only 5kb gzipped
- **Tiny & dependency free** – Only ~5kb gzipped
- **Render millions of items**, without breaking a sweat

@@ -32,2 +32,3 @@ - **Scroll to index** or **set the initial scroll offset**

- **Vertical** or **Horizontal** lists
- [`svelte-infinite-loading`](https://github.com/Skayo/svelte-infinite-loading) compatibility

@@ -240,8 +241,9 @@ ## Installation

- **Basic setup**
- [Elements of equal height](https://svelte.dev/repl/c053fb0b13154b07a503ac04e0cb2c66)
- [Variable heights](https://svelte.dev/repl/73d404d5a26a47db969c4ebc154e8079)
- [Horizontal list](https://svelte.dev/repl/9a04b19fcf5f4da0bead27f1cdf55cfb)
- [Elements of equal height](https://svelte.dev/repl/e3811b44f311461dbbc7c2df830cde68)
- [Variable heights](https://svelte.dev/repl/93795c812f8d4541b6b942535b2ed855)
- [Horizontal list](https://svelte.dev/repl/4cd8acdfc96843b68265a19451b1bf3d)
- **Controlled props**
- [Scroll to index](https://svelte.dev/repl/9a04b19fcf5f4da0bead27f1cdf55cfb)
- [Controlled scroll offset](https://svelte.dev/repl/9a04b19fcf5f4da0bead27f1cdf55cfb)
- [Scroll to index](https://svelte.dev/repl/bdf5ceb63f6e45f7bb14b90dbd2c11d9)
- [Controlled scroll offset](https://svelte.dev/repl/68576a3919c44033a74416d4bc4fde7e)
- [Hacker News using svelte-infinite-loading](https://svelte.dev/repl/2239cc4c861c41d18abbc858248f5a0d)

@@ -248,0 +250,0 @@ ## License

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc