Appearance
Overview
The pdf-uploader
component can load a PDF document into a pdf-document
component. The pdf-uploader
does this in one of two ways:
- if the user clicks in the
<pdf-uploader>
area, a file selection dialog appears; the selected file is loaded. - otherwise, when the user drags and drops a file into the
<pdf-uploader>
area, the dropped file is loaded.
The pdf-uploader
component accepts a document
property which identifies the particular <pdf-document>
element into which the file will be loaded. If no document
property is supplied, a value of "default" will be assumed.
Usage
Sample usage:
html
<pdf-document />
<pdf-uploader />
In this case, the <pdf-document>
element's name is assumed to be "default", and the <pdf-uploader>
element's document property is also assumed to be "default".
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
document | document | Reference to the pdf-document component, into which this component will upload documents. | string | undefined | 'default' |
pagesviewer | pagesviewer | Identifies the PdfPages component by its 'name' property. | string | undefined | 'default' |
Built with StencilJS