Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/oumoussa98/vue3-infinite-loading
Infinite scroll component compatible with vuejs-3 and vitejs
https://github.com/oumoussa98/vue3-infinite-loading
infinite infinite-loading infinite-scroll infinite-scroll-plugin scroller vitejs vuejs vuejs3
Last synced: 7 days ago
JSON representation
Infinite scroll component compatible with vuejs-3 and vitejs
- Host: GitHub
- URL: https://github.com/oumoussa98/vue3-infinite-loading
- Owner: oumoussa98
- Created: 2021-09-30T19:41:09.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-26T23:50:40.000Z (4 months ago)
- Last Synced: 2024-11-29T14:15:29.383Z (14 days ago)
- Topics: infinite, infinite-loading, infinite-scroll, infinite-scroll-plugin, scroller, vitejs, vuejs, vuejs3
- Language: Vue
- Homepage: https://vue3-infinite-loading.netlify.app/
- Size: 729 KB
- Stars: 192
- Watchers: 3
- Forks: 31
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
- awesome-morocco - vue3 infinite loading - infinite-loading.svg?style=social)](https://github.com/oumoussa98/vue3-infinite-loading/stargazers) - An infinite scroll component compatible with vue.js 3 and vite, to help you implement an infinite scroll list more easily. By [@oumoussa98](https://github.com/oumoussa98) (Uncategorized / Uncategorized)
README
vue 3 infinite loading
## Intro
An infinite scroll component compatible with vue.js 3 and vite, to help you implement an infinite scroll list more easily.
## Features
- Lightweight and simple to use
- Internal spinner
- 2-directional support (Top and bottom)
## Install
```Bash
npm install v3-infinite-loading
```
## Basic usage
register globally:
```JavaScript
import InfiniteLoading from "v3-infinite-loading";
import "v3-infinite-loading/lib/style.css"; // required if you're not going to override default slots
const app = createApp(App);
app.component("infinite-loading", InfiniteLoading);
app.mount("#app");
```
usage in SFC with script setup:
```html
import InfiniteLoading from "v3-infinite-loading";
import "v3-infinite-loading/lib/style.css"; // required if you're not going to override default slots
```
## Browser usage
```html
const { ref, createApp } = Vue;
const app = createApp({
// your app
});
app.component("infinite-loading", V3InfiniteLoading.default);
app.mount("#app");
```
### Checkout a full working example on [codepen](https://codepen.io/oumoussa98/pen/GRxNxBr) or [github gists](https://gist.github.com/oumoussa98/7184e74bab47d78a60a8bdf0aea68d96)
## Usage & Guide
Documentation available on [v3-infinite-loading Netlify](https://vue3-infinite-loading.netlify.app/)
Check out live demo [v3-infinite-loading-demo Netlify](https://vue3-infinite-loading-demo.netlify.app/)
## Changelog
Detailed changes for each release are documented in the [release notes](https://github.com/oumoussa98/vue3-infinite-loading/releases).
## Contribution
Comming soon
## Licence
The MIT License (MIT)