Coach Stories
Load more
Outline, centred under the grid on desktop and full width on mobile, with a spinner while it waits.
components/coach/blocks/load-more.tsx
Preview
Live, on the prototype's content. Switch to mobile to see it at 390px.
1440pxOpen
Built from
Usage
import { LoadMore } from "@/components/coach/blocks/load-more";
<LoadMore loading={isLoading} onClick={fetchNextPage} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| onClick | () => void | — | Fetch the next page. |
| loading | boolean | false | Shows the spinner, disables the button and sets aria-busy. |
| className | string | — | Merged last. For spacing around the block, not for restyling it. |