UI
← Home

Load More

A load-more list: it shows a first page of items and a button that appends the next page on each activation (announcing the count) until every item is shown, when the button is disabled. Distinct from Show More List, which toggles the whole remainder at once.

  • Axe
  • Focus

Preview

  • Apple
  • Banana
  • Cherry

Showing 3 of 6

Installation

npx shadcn@latest add https://ui.publictheta.com/r/load-more.json

Conformance

Verified against the @publictheta/ui-spec load-more specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

  • Axe — No WCAG 2 A/AA axe-core violations
  • Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)

See the full conformance matrix across all components.