Skip to content
Lantern

Store editor

Product editor preview

The live storefront preview beside the editor. Exports its price and CTA formatters.
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 editor preview

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/editor/ProductEditorPreview.tsx
Portability
Needs its app dependencies replaced by props before it renders in isolation.