Appearance
DataInfiniteScroll
Asks for more when the end of the list comes near, with an IntersectionObserver.
ts
import { DataInfiniteScroll } from '@zairakai/vue-components/Data'Usage
vue
<DataInfiniteScroll />Props
| Name | Type | Default | Description |
|---|---|---|---|
id | string | ||
class | string | ||
loading | boolean | false | |
finished | boolean | false | Nothing more to load. |
margin | string | '200px' | How early to load: a CSS margin around the viewport, for example "200px". |
Events
| Name | Description |
|---|---|
load |
Slots
| Name | Description |
|---|---|
default | |
loading | |
finished |
See Theming for the class hooks and the data-* state of the components.