Examples
Adoptable pets module
Unified adoptable pets module with provider adapters and no-JS-safe fallbacks.
Local listings
Pets managed directly in src/data/adoptable-pets.ts — no external provider needed.
Biscuit
4 years • Male • Labrador Mix • Large
Big heart, loves fetch, does great with kids.
Energetic and loyal. Needs an active home.
1/2Hazel (aka Hazey)
2 years 4 months • Female • Mixed Breed • Medium
Affectionate, crate-trained, and people-friendly.
Affectionate and playful indoors, calm on walks.
Adoptable Pets
Adopt-a-Pet feed
Adoptable Pets
GetBuddy feed
GetBuddy listings
Open GetBuddyOr view all pets on GetBuddy.
Hybrid mode
Hybrid mode can show local listings with one or more provider adapters.
Biscuit
4 years • Male • Labrador Mix • Large
Big heart, loves fetch, does great with kids.
Energetic and loyal. Needs an active home.
1/2Hazel (aka Hazey)
2 years 4 months • Female • Mixed Breed • Medium
Affectionate, crate-trained, and people-friendly.
Affectionate and playful indoors, calm on walks.
Petfinder feed
Adopt-a-Pet feed
GetBuddy feed
GetBuddy Listings
Open GetBuddyOr view all pets on GetBuddy.
Validation checklist
- `mode="local"` renders local listings from src/data/adoptable-pets.ts.
- `mode="adopt_a_pet"` renders Adopt-a-Pet adapter only.
- `mode="getbuddy"` renders GetBuddy adapter only.
- `mode="hybrid"` supports local + provider adapters together.
- Provider fallback links/cards remain available with or without JS.
- Local pet age is derived dynamically from `birthDate` — no manual update needed.
- `size` appears in the photo overlay alongside age, gender, and breed.
- `temperament` and `goodWith*` appear as chips below the summary.
- All module labels are overridable via the `labels` prop for i18n support.