A document on the page
A document viewer shows a statement, a contract, an invoice or an uploaded receipt in place. A PDF uses the browser’s own viewer, an image zooms, and a text file scrolls; the toolbar downloads the file or opens it in a new tab. Where a browser will not embed the file, a fallback with the download shows instead.
Image
Fallback
// From the npm package
import { DocumentViewer } from 'rift-ds/components/DocumentViewer/DocumentViewer';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/document-viewer.json