Docs
Flyer library pattern
Use FlyerLibrarySection for evergreen awareness flyers that have no event date and are not a news article.
Standard
- Use `FlyerLibrarySection` for undated, non-news awareness/informational flyers (foster recruitment, volunteer recruitment, spay/neuter awareness, safety education).
- Never combine flyer content with `EventsNewsSection`'s dated event/news data — a flyer belongs here specifically because it has no date or venue.
- `category` is required on every `FlyerLibraryItem` so filter pills stay meaningful; an uncategorized flyer would otherwise be unreachable in a filtered view.
- Core flyer images render via anchor + `img`, so browsing works without JavaScript.
- Category filter pills and the lightbox are optional progressive enhancements, not the primary access path.
- Download uses a plain `<a download>` link, not the Printable Material Module's print layout — flyers are pre-made images, not generated documents.
- Use `categoryFilter` to lock the section to a single category and hide the pills, for embedding a filtered teaser on another page (e.g. a foster flyer on the Foster page).
- Defaults: `columns=3`, `showFilters=true`, `enableLightbox=true`.
Reference
- Live example: Flyer library example page
- Component: `template/src/components/patterns/FlyerLibrarySection.tsx`