Reusables

Pdf viewers

Fullscreen PDF Viewer

A fullscreen PDF viewer component with zoom controls and navigation.

Features

  • Fullscreen mode
  • Zoom controls
  • Page navigation
  • Download option
  • Dark mode support

Installation

npx shadcn@latest add "https://reusables.vercel.app/r/fullscreen-viewer"

Usage

import { FullscreenViewer } from "@/components/pdf-viewers/fullscreen-viewer"
 
export default function PDFViewer() {
  return <FullscreenViewer url="path/to/your.pdf" />
}

Examples

Open in New Tab

Reference

PropTypeDefault
url
string
-
Edit on GitHub

Last updated on

Previous

Compact PDF Viewer

Next

Hover Navigation PDF Viewer

On this page