Components
NuxtPdfKit
The main PDF viewer component.
The NuxtPdfKit component is the main component for displaying PDF documents in your Nuxt application.
Basic Usage
<template>
<NuxtPdfKit src="/document.pdf" />
</template>
From External URL
<template>
<NuxtPdfKit src="https://example.com/document.pdf" />
</template>
With Options
<template>
<NuxtPdfKit
src="/document.pdf"
theme="dark"
:responsive="true"
initial-view-mode="single"
initial-scroll-mode="vertical"
/>
</template>
Full Example
<template>
<div class="h-screen">
<NuxtPdfKit
ref="pdfViewer"
src="/sample.pdf"
theme="light"
:responsive="true"
initial-view-mode="single"
initial-scroll-mode="vertical"
:virtual-scroll="true"
:virtual-scroll-threshold="10"
:toolbar="{
sidebar: true,
pageNavigation: true,
zoom: true,
search: true,
rotate: true,
print: true,
download: true,
fullscreen: true,
themeToggle: true,
}"
/>
</div>
</template>
<script setup>
const pdfViewer = ref(null)
</script>