Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA list that loads the next page when its sentinel scrolls into view or when Load more is pressed, shows a loading row, announces the new count and offers Try again after a failed page. Use this when a phone list is long, comes from a paged API and should feel endless without trapping keyboard users.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it when a phone list is long, comes from a paged API and should feel endless without trapping keyboard users.
Do not use it for short lists or when people need to jump to a page number (use pagination).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
loadPage | (page: number) => Promise<{ items: string[]; done: boolean }> | required | Fetch a page (starting at 1). |
role="alert" message with Try again.The pattern ships with a Testing Library test (paginated-load-more-list.test.tsx) that drives it through roles and the keyboard.