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