Skip to content

KInfinite

Load more data while reach bottom of the page.

Install

bash
pnpm add @ikun-ui/infinite
bash
yarn add @ikun-ui/infinite
bash
npm install @ikun-ui/infinite

Basic usage

Infinite Props

NameTypeDefaultDescription
thresholdstring0Threshold to call loadMore.
elementScrollHTMLElement-Element to bind scroll.
windowbooleanfalseBind scroll in window.
hasMorebooleantrueTells you if there are more items to load.
horizontalbooleanfalseChanging orientation.
reversebooleanfalseRevese scroll direction
clsstring''Additional class for component
attrsRecord<string, string>{}Additional attributes

Infinite Events

NameDescriptionType
loadMoreTriggered when the scroll bar slides to the bottom.(event: CustomEvent)=> void

Infinite Slots

NameDescription
defaultCustomize default content

MIT Licensed