Components

Load More Button

Explicit pagination: fetch the next page on demand.

<Button variant="secondary" disabled={loading} onClick={loadMore}>
  {loading ? (
    <>
      <Spinner />
      Loading…
    </>
  ) : (
    "Load more"
  )}
</Button>

noBorderRadius squares the corners (left); any label can replace the default (Custom Text, right). noGap removes the vertical spacing the button reserves above itself when it sits at the end of a list.

Markdown for agents: /design/load-more-button.md · spec: /design.md