Data Table Load More

data-table-load-morePage structure

Cursor pagination at the foot of a list: one button that loads the next page, shows it is working, and offers a retry when the page fails. It renders nothing once there is no more.

Registry JSON
bunx --bun shadcn@4.17.0 add @waimakers/data-table-load-more
Kit dependencies
button
npm dependencies
None

From the registry

Cursor pagination with pending and retry states.

Examples

Load more

Press it to load the next page. The button keeps its width while it loads.

  • Anna paused Meeting notes
  • Paul added the skill Summarise a meeting

Loading

While a page loads the button is busy and refuses a second press.

Error

A failed page shows the reason above the button, and the button becomes Try again.

End of list

With hasMore false it renders nothing, so the list simply ends.

All 6 events are shown.