ProductDetail
v1.0.12Updated 27 Aug 2026Product detail page — classic, gallery, with-variants, with-reviews and bundle layouts. Full-page copy-paste template; baked-in demo content (edit the JSX to customise).
Preview
Live · 18 storiesClassicOpen ↗
▸Why this is recommendedproductdetailpdpecommerce+3
ProductDetail — classic.
Recommended for+14
- ✓Product detail pages (PDP)
- ✓Ecommerce sites
Tags+6
productdetailpdpecommercecommercepageclassic
Features+4
- Classic, gallery, with-variants, with-reviews and bundle layouts
- Digital / sticky / comparison / specs variants
- Self-contained — no required props
Not recommended for−2
- ✕Product listing pages (use Products)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
classNameOptional wrapper class override (copy-paste block, baked-in content)
—