Theming

Pass a theme prop to match your product chrome.

Supported values

  • light
  • dark
  • auto - follow system preference
  • sepia

Example

tsx
<DocumentViewer
  source={{ kind: "url", url: "/report.pdf" }}
  theme="dark"
  className="h-full w-full"
/>