API
<pdf-viewer-app-bar>
undefined
Properties
Name | Attribute | Description | Type | Default |
styles | undefined | undefined | undefined | ["styles",null] |
prominent | undefined | undefined | boolean | undefined |
dense | undefined | undefined | boolean | undefined |
centerTitle | undefined | undefined | boolean | undefined |
scrollTarget | undefined | undefined | HTMLElement | Window | undefined |
<pdf-viewer-demo>
undefined
Attributes
Name | Description | Type | Default |
src | undefined | string | "./f1040.pdf" |
multi-page | undefined | boolean | false |
page | undefined | number | 1 |
Properties
Name | Attribute | Description | Type | Default |
src | src | undefined | string | "./f1040.pdf" |
multiPage | multi-page | undefined | boolean | false |
page | page | undefined | number | 1 |
styles | undefined | undefined | CSSResult | "css`\n pdf-viewer-app-bar {\n height: 100vh;\n background: #efefef;\n }\n #content {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n #controls {\n background: white;\n display: flex;\n flex-direction: row;\n align-items: baseline;\n padding: 16px;\n }\n #demo-container {\n flex: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n pdf-viewer {\n width: 800px;\n height: 800px;\n }\n `" |
<pdf-viewer>
A web component that displays PDFs
Attributes
Name | Description | Type | Default |
src | undefined | string | undefined | undefined |
page | The current 1-based page number. | number | 1 |
multi-page | Whether multiple pages should render. Single page rendering is much faster. | boolean | false |
scale | undefined | number | "fit" | "fit" |
zoom | undefined | number | 1 |
documentTitle | undefined | string | undefined | undefined |
Properties
Name | Attribute | Description | Type | Default |
styles | undefined | undefined | CSSResult[] | [null,"styles"] |
src | src | undefined | string | undefined | undefined |
page | page | The current 1-based page number. | number | 1 |
pageCount | undefined | Total page count of the current document. | undefined | undefined |
multiPage | multi-page | Whether multiple pages should render. Single page rendering is much faster. | boolean | false |
scale | scale | undefined | number | "fit" | "fit" |
zoom | zoom | undefined | number | 1 |
documentTitle | documentTitle | undefined | string | undefined | undefined |
Events
Name | Description |
load | undefined |
CSS Custom Properties
Name | Description |
--pdf-viewer-top-bar-height | undefined |
--pdf-viewer-page-shadow | undefined |
--pdf-viewer-background | undefined |