Product Note

Display rich notes from a modal that won't disturb users navigation.

• Component: <NoteDialog/>

• Path: /components/shared/note-dialog.tsx

• Import:

import { NoteDialog } from "@/components/shared/note-dialog";

Note Modal

Note component is composed of:

• Recommended level (optional)

• 3 bullet point summaries (optional)

• Actual Markdown note

• Previous & Next recommended products (optional)

Notes are displayed on Product page and Collections:

Product Page Notes

Collections Notes