PDF Elements

A Vue 2 component for rendering PDFs with draggable and resizable element overlays.

Demo · Examples

API

Props

Prop	Type	Default	Description
width	String	'100%'	Container width
height	String	'100%'	Container height
initFiles	Array	[]	PDF files to load
initFileNames	Array	[]	Names for the PDF files
initialScale	Number	1	Initial zoom scale
showPageFooter	Boolean	true	Show page footer with document name and page number
hideSelectionUI	Boolean	false	Hide selection handles and actions UI
showSelectionHandles	Boolean	true	Show resize/move handles on selected elements
showElementActions	Boolean	true	Show action buttons on selected elements
readOnly	Boolean	false	Disable drag, resize, and actions for elements
ignoreClickOutsideSelectors	Array	[]	CSS selectors that keep the selection active when clicking outside the element
pageCountFormat	String	'{currentPage} of {totalPages}'	Format string for page counter
autoFitZoom	Boolean	false	Automatically adjust zoom to fit viewport on window resize

Events

• pdf-elements:end-init - Emitted when PDF is loaded

Slots

• element-{type} - Custom element rendering (e.g., element-signature)
• custom - Fallback for elements without specific type
• actions - Custom action buttons