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 |