Skip to content

Latest commit

 

History

History
55 lines (39 loc) · 1.79 KB

KInfinite.md

File metadata and controls

55 lines (39 loc) · 1.79 KB
title lang
KInfinite
en-US

KInfinite

Load more data while reach bottom of the page.

Install

::: code-group

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

:::

Basic usage

Infinite Props

Name Type Default Description
threshold string 0 Threshold to call loadMore.
elementScroll HTMLElement - Element to bind scroll.
window boolean false Bind scroll in window.
hasMore boolean true Tells you if there are more items to load.
horizontal boolean false Changing orientation.
reverse boolean false Revese scroll direction
cls string '' Additional class for
attrs Record<string, string> {} Additional attributes

Infinite Events

Name Description Type
loadMore Triggered when the scroll bar slides to the bottom. (event: CustomEvent)=> void

Infinite Slots

Name Description
default Customize default content