Props

Referensi Props

src

Wajib. URL atau path ke file PDF.

<!-- Dari folder publik -->
<NuxtPdfKit src="/sample.pdf" />

<!-- Dari URL eksternal -->
<NuxtPdfKit src="https://example.com/document.pdf" />

provider

Provider sumber file. Default 'url'.

• url: Muat dari URL langsung atau folder public/ (default)
• gdrive: Muat dari ID file Google Drive melalui proxy bawaan
• custom: Muat melalui provider kustom (lihat File Providers)

<NuxtPdfKit provider="gdrive" src="1bAsv95pTaBiHyGiWFIa-zebT31Al_0tu" />

providerConfig

Konfigurasi khusus provider, seperti base URL kustom atau fungsi transform.

<NuxtPdfKit
  provider="custom"
  src="file-123"
  :provider-config="{ baseUrl: '/cdn' }"
/>

theme

Tema awal untuk PDF viewer. Opsi: 'light' atau 'dark'.

<NuxtPdfKit src="/document.pdf" theme="dark" />

responsive

Saat diaktifkan, halaman otomatis menyesuaikan lebar kontainer.

<NuxtPdfKit src="/document.pdf" :responsive="true" />

initialViewMode

Mode tampilan awal untuk menampilkan halaman.

• single: Tampilkan satu halaman dalam satu waktu
• dual: Tampilkan dua halaman berdampingan
• dual-cover: Tampilkan dua halaman dengan halaman pertama sebagai sampul

<NuxtPdfKit src="/document.pdf" initial-view-mode="dual" />

initialScrollMode

Mode gulir awal untuk menavigasi dokumen.

• vertical: Gulir vertikal melalui halaman
• horizontal: Gulir horizontal melalui halaman
• wrapped: Bungkus halaman dalam tata letak grid
• page: Navigasi halaman per halaman

<NuxtPdfKit src="/document.pdf" initial-scroll-mode="horizontal" />

virtualScroll

Aktifkan virtual scrolling untuk performa lebih baik pada dokumen besar.

<NuxtPdfKit src="/document.pdf" :virtual-scroll="true" />

virtualScrollThreshold

Jumlah halaman ambang batas untuk mengaktifkan virtual scrolling.

<NuxtPdfKit src="/document.pdf" :virtual-scroll-threshold="20" />

toolbar

Timpa konfigurasi toolbar global untuk instance tertentu.

<NuxtPdfKit 
  src="/document.pdf" 
  :toolbar="{
    search: true,
    print: false,
    download: true
  }"
/>

title / author / subject / keywords / creator / producer

Timpa properti metadata dokumen secara individual. Nilai ini lebih diutamakan daripada metadata yang tertanam di PDF.

<NuxtPdfKit
  src="/document.pdf"
  title="Laporan Kuartalan"
  author="Acme Corp"
/>

documentInfo

Timpa beberapa properti dokumen sekaligus menggunakan satu objek.

<NuxtPdfKit
  src="/document.pdf"
  :document-info="{
    title: 'Laporan Kuartalan',
    author: 'Acme Corp',
    subject: 'Keuangan',
  }"
/>