Examples

    Dog Spotlight module

    Highlight a curated set of dogs (e.g. longest-waiting residents) in a 4-across grid, each linking out to their listing.

    Four dogs

    dogs accepts LocalAdoptableManifestItem[] — the same source-agnostic shape used by the local-manifest adoptable-pets loader, so hand-curated data and a future automated pull (GetBuddy, Petfinder, local manifest) share one type.

    Dog Spotlight

    Meet Molly

    Molly

    German Shepherd Dog, Mixed Breed

    1 year old • Female

    Meet Molly
    Meet Dexter

    Dexter

    German Shepherd Dog, Mixed Breed

    1 year old • Male

    Meet Dexter
    Meet King

    King

    Cattle Dog, Mixed Breed

    10 months old • Male

    Meet King
    Meet Zuko

    Zuko

    Belgian Shepherd / Malinois

    6 months old • Male

    Meet Zuko

    No dogs

    When dogs is empty, the component renders nothing — no empty-state placeholder.

    Missing detailsUrl

    A dog without a detailsUrl still renders its card (photo, name, breed, age • gender) but with no CTA button — there is nothing to link to yet.