Docs
Success stories pattern
Use the shared success-stories module for narrative pet outcomes, context blocks, and optional story CTAs.
Standard
- Use `SuccessStoriesSection` for adoption outcomes and happy-tail story collections.
- Store stories as normalized objects and pass them through `stories` props.
- Use module toggles (`showSummary`, `showStoryContext`, `showStoryContent`, `showStoryCtas`) instead of page-local branching.
- For home-page previews, use compact settings (`maxItems`, `columns`, and content toggles) rather than separate card implementations.
- Keep cards no-JS readable; optional story links must work as regular anchors/links.
Reference
- Live example: Success stories example page
- Component: `template/src/components/patterns/SuccessStoriesSection.tsx`