Indielayer UI - Vue.js 3 / Nuxt.js 3 UI Library with Tailwind CSS 4. ⚡️  Build and prototype fast web applications.

Indielayer
Indielayer UIIndielayer UI
UI
v2.1.0

InfiniteLoader

Loads more list items as the user scrolls near the end of a container. Use InfiniteLoader for feeds and catalogs that grow on demand.

#
Usage

Scroll to load more items as you reach the end.

Loaded 0 of 1 items

↓ Scroll for more

#
Composable

Using the infinite-loader composable API.

Loaded 0 of 1 items

↓ Scroll for more

#API

InfiniteLoader

props

Name
Description
Type
Default
Values
Required
isRowLoaded
Returns whether the row at the given index is already loaded.
Function
true
loadMoreRows
Loads more rows for the given index range; resolve when finished.
Function
true
minimumBatchSize
Minimum rows to request per load (default 10). Batches HTTP fetches.
Number
threshold
Prefetch when the user scrolls within this many rows of unloaded data (default 15).
Number
rowCount
Total row count; may be an upper bound if the true size is unknown.
Number
true

slots

Name
Description
default
Render prop slot; receives `onRowsRendered` to wire into a virtual list.