Docs
Found pattern
Use this module for found-pet notices, intake checklist guidance, and safe reunification communication.
Standard
- Use `FoundListingsSection` for all found-notice pages.
- Keep listing data normalized in `FoundListing` objects (`pet`, `location`, `source`, `status`).
- Use mode controls (`local`, `external`, `hybrid`) instead of page-local filtering logic.
- Keep warnings/checklists in module props so content is reusable and no-JS readable.
- Source/media links should open in a new tab with safe rel attributes.
- Keep CTA contact info anonymized in template/example content.
- Use neutral styling defaults (no site-specific color branding in shared standards).
Reference
- Live example: Found example page
- Component: `template/src/components/patterns/FoundListingsSection.tsx`