Components

Load More

The end of a long list that has more: loads the next page when it scrolls into view, or on a press.

Entry 1−$6
Entry 2−$43
Entry 3−$80
Entry 4−$117
Entry 5−$154
Entry 6−$11
Entry 7−$48
Entry 8−$85
Entry 9−$122
Entry 10−$159
Entry 11−$16
Entry 12−$53

Import

import { LoadMore } from '@rinzai/zen';

API reference

<LoadMore>

The end of a long list that has more: a "Load more" button, which also presses itself when it scrolls into view (auto, default). While loading it shows a spinner and won't ask again; once there's nothing left (hasMore false) it's gone. Put it after the list, or in a table's last row.

Prop	Type	Default
`hasMore`Required	`boolean`	`—`
`onLoadMore`Required	`() => void`	`—`
`auto` Load when it scrolls into view, not only on press (default true).	`boolean`	`true`
`className`	`string`	`—`
`label`	`string`	`Load more`
`loading` While true, it shows a spinner and won't ask for more.	`boolean`	`false`
`loadingLabel`	`string`	`Loading more…`