Download the PHP package mrshanebarron/infinite-scroll without Composer
On this page you can find all versions of the php package mrshanebarron/infinite-scroll. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Table of contents
Download mrshanebarron/infinite-scroll
More information about mrshanebarron/infinite-scroll
Files in mrshanebarron/infinite-scroll
Download mrshanebarron/infinite-scroll
More information about mrshanebarron/infinite-scroll
Files in mrshanebarron/infinite-scroll
Vendor mrshanebarron
Package infinite-scroll
Short Description Infinite scroll component for Laravel - supports Livewire and Vue
License MIT
Package infinite-scroll
Short Description Infinite scroll component for Laravel - supports Livewire and Vue
License MIT
Please rate this library. Is it a good library?
Informations about the package infinite-scroll
Infinite Scroll
An infinite scrolling component for Laravel applications. Automatically loads more content as user scrolls. Works with Livewire and Vue 3.
Installation
Livewire Usage
Basic Usage
Livewire Props
| Prop | Type | Default | Description |
|---|---|---|---|
loading |
boolean | false |
Currently loading |
no-more |
boolean | false |
No more items |
threshold |
number | 100 |
Scroll threshold in px |
root-margin |
string | '100px' |
IntersectionObserver margin |
Vue 3 Usage
Setup
Basic Usage
Feed Example
Vue Props
| Prop | Type | Default | Description |
|---|---|---|---|
loading |
Boolean | false |
Loading state |
noMore |
Boolean | false |
No more items to load |
threshold |
Number | 100 |
Scroll threshold |
rootMargin |
String | '100px' |
Observer margin |
Events
| Event | Payload | Description |
|---|---|---|
load-more |
- | Triggered when scroll reaches threshold |
Slots
| Slot | Description |
|---|---|
| default | Content items |
loading |
Custom loading indicator |
no-more |
End of list message |
Features
- Intersection Observer: Efficient scroll detection
- Loading State: Shows spinner while loading
- End Detection: Displays message when no more items
- Customizable: Custom loading and end slots
- Preloading: Configurable load threshold
Styling
Uses Tailwind CSS:
- Spinner animation
- Centered loading/end messages
- Gray text for status
Requirements
- PHP 8.1+
- Laravel 10, 11, or 12
- Tailwind CSS 3.x
License
MIT License
All versions of infinite-scroll with dependencies
PHP Build Version
Package Version
The package mrshanebarron/infinite-scroll contains the following files
Loading the files please wait ...