Skip to content
Lantern

Store

Product details panel

Price, host, dates and the call to action on a product page.
Open in Storybook
Available
Needs mock props

Examples

This component's Storybook stories, embedded. They are the maintained source for its states, so Lantern shows them rather than keeping a duplicate set.

Product details panel

Rendered live from Storybook

Storybook must be running for this to load — npm run storybook from the repo root, or set NEXT_PUBLIC_STORYBOOK_URL to a deployed instance.

Reference

Transcribed from the component audit. If this disagrees with the source, the source is right.

Source
src/components/store/ProductDetailsPanel.tsx
Portability
Needs its app dependencies replaced by props before it renders in isolation.
Notes
Its CTA label and date formatters are exported so a story can pin them.