Document Viewer: Use Cases
Runnable demos for the common patterns — load saved annotations, AI citations, import / export, save-as-copy, threaded reviews, and more.
Each page below is a runnable Vue SFC paired with a short walkthrough. Use them as starting points to copy into your own code.
Annotation patterns
- Load saved annotations — seed annotations on mount from your backend
- AI / RAG citations — programmatic ephemeral highlights anchored to AI responses
- Import / export annotations — round-trip with JSON files for backup or transfer
- Save-as-copy burn-in — generate a baked PDF for archival or external sharing
- Threaded comments — replies + resolved state with backend sync
Reader patterns
- Multi-format rendering — PDF / image / text / markdown in one component
- Share-link viewer — permission-gated read-only mode for anonymous visitors
- Large documents — virtualization patterns for 500+ page PDFs
- Keyboard and touch — accessibility + touch-device patterns
Theming & UX
- Dark-mode integration — drop the viewer inside a dark-themed app
- Toolbar customization — reorder groups, hide buttons, add a custom action
See also
- Plugin reference — what each EmbedPDF plugin does
- Programmatic API —
DocumentViewerInstancemethod reference