Skip to content
Lantern

Products

Products table

The product management table — desktop grid and a stacked mobile list from the same rows.
Open in Storybook
Available
Needs mock props
Dual breakpoint

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.

Products table

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/products/ProductsTable.tsx
Portability
Needs its app dependencies replaced by props before it renders in isolation.
Responsive
Carries a load-bearing max-md: / md: pair. Sign off at both viewports — see the rule.
Notes
Takes a now value; its date and price formatters are exported alongside it.