<my-element>

A web component just for me.

API

<pdf-viewer-app-bar>

undefined

Properties

NameAttributeDescriptionTypeDefault
stylesundefinedundefinedundefined["styles",null]
prominentundefinedundefinedbooleanundefined
denseundefinedundefinedbooleanundefined
centerTitleundefinedundefinedbooleanundefined
scrollTargetundefinedundefinedHTMLElement | Windowundefined

<pdf-viewer-demo>

undefined

Attributes

NameDescriptionTypeDefault
srcundefinedstring"./f1040.pdf"
multi-pageundefinedbooleanfalse
pageundefinednumber1

Properties

NameAttributeDescriptionTypeDefault
srcsrcundefinedstring"./f1040.pdf"
multiPagemulti-pageundefinedbooleanfalse
pagepageundefinednumber1
stylesundefinedundefinedCSSResult"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

NameDescriptionTypeDefault
srcundefinedstring | undefinedundefined
pageThe current 1-based page number.number1
multi-pageWhether multiple pages should render. Single page rendering is much faster.booleanfalse
scaleundefinednumber | "fit""fit"
zoomundefinednumber1
documentTitleundefinedstring | undefinedundefined

Properties

NameAttributeDescriptionTypeDefault
stylesundefinedundefinedCSSResult[][null,"styles"]
srcsrcundefinedstring | undefinedundefined
pagepageThe current 1-based page number.number1
pageCountundefinedTotal page count of the current document.undefinedundefined
multiPagemulti-pageWhether multiple pages should render. Single page rendering is much faster.booleanfalse
scalescaleundefinednumber | "fit""fit"
zoomzoomundefinednumber1
documentTitledocumentTitleundefinedstring | undefinedundefined

Events

NameDescription
loadundefined

CSS Custom Properties

NameDescription
--pdf-viewer-top-bar-heightundefined
--pdf-viewer-page-shadowundefined
--pdf-viewer-backgroundundefined