# Docs PDF Viewer

Viewing and reviewing contracts, SLAs and agreements in SaaS platforms.

- id: `docs-pdf-viewer`
- Page: https://agentic-ui-kit.com/components/docs-pdf-viewer
- Live preview: https://agentic-ui-kit.com/live/component/docs-pdf-viewer

## Install

```bash
agentic-ui add docs-pdf-viewer
npx shadcn@4.17.0 add @agentic-ui/docs-pdf-viewer
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** pagination, zoom-controls, in-document-search, thumbnail-navigation, document-outline, rotation, keyboard-shortcuts, match-highlighting, page-layout-modes
- **Intents:** explore-detail, manage-collection, navigate, audit-trail
- **Suits domains:** file-storage, knowledge, notes, saas, devtools
- **Interaction:** pagination, zoom-controls, in-document-search, thumbnail-navigation, keyboard-navigation
- **Screen role:** detail
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** viewing and reviewing contracts, SLAs and agreements in SaaS platforms, exploring technical specifications and architecture documentation, consulting financial reports and audits in file storage, viewer for artifacts generated in knowledge assistants or an AI workspace
- **Avoid when:** interactive real-time document editing (use docs-editor-shell), version comparison or code diff computation (use code-diff-viewer)
- **Preserve when adapting:** viewer-layout, keyboard-shortcuts, search-highlighting, zoom-engine, accessibility-announcements
- **Replace when adapting:** document-fixtures, color-tokens, ui-strings, toolbar-actions
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9/10
- **Quality breakdown:** visual 9/10, responsive 8/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, input, badge, card, tooltip, separator, tabs, slider, skeleton, scroll-area
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives