Developers / Where-to-buy demo
Where-to-buy, live
This page runs the actual @fuzzylabs/where-to-buy package against the real, public Radar API. No mocked data, no staging environment. Pick a brand below — the URL follows the selection, so any brand's results are a link you can send.
Props
| Prop | Type | Default | What it does |
|---|---|---|---|
brand | string | required | Brand slug, e.g. "heavy-hitters". |
state | string? | — | Two-letter region code filter. |
city | string? | — | Retailer city filter. |
site | string? | — | Attribution sent as X-Fuzzy-Site — set this to your domain. |
clientOptions | ClientOptions? | — | Override baseUrl or the fetcher. |
showProductPicker | boolean? | true | Show the product search combobox (fetches /products/top). |
includeJsonLd | boolean? | true | Inject schema.org JSON-LD for the selected product. |
style | CSSProperties? | — | CSS variable overrides, e.g. { "--fuzzy-accent": "#0a5" }. |
Source of truth: packages/where-to-buy/src/WhereToBuy.tsx's WhereToBuyProps.
See packages/where-to-buy for the source and README, the npm package to install it, or the developer docs for the full quickstart, including a worked listicle example using the same top-products data.