Coach Stories
Story feed
A grid that grows. Each Load more appends the next page after a short wait, and the new rows rise in. The button goes when the pages run out.
components/coach/blocks/story-feed.tsx
Preview
Live, on the prototype's content. Switch to mobile to see it at 390px.
1440pxOpen
Built from
Usage
import { StoryFeed } from "@/components/coach/blocks/story-feed";
<StoryFeed items={firstPage} pages={[secondPage, thirdPage]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items* | GridItem[] | — | What shows before any loading. |
| pages | GridItem[][] | [] | Revealed one per click, in order. |