SidPDF Components | Siddharth.at

Config

Add script

Add this script tag before closing the body tag.

<script src="https://siddharth.at/tools/pdf-viewer/api.js"><script>

Component 01

<sidpdf-viewer>

Embeds a fully functional PDF viewer directly into your layout.

Pattern	Req	Description
`src`	Yes	Source PDF URL.
`name="{value}"`	No	Brand Name.
`height="{val}"`	No	e.g., `height="70vh"`
`margin="{val}"`	No	e.g., `margin="10px"`
`border="{col thick}"`	No	e.g., `border="gray 2px"`
`no-download`	No	Hides download button.
`no-header`	No	Removes brand header.
`no-controls`	No	Removes zoom/nav bar.

Implementation

<sidpdf-viewer 
  src="sample.pdf"
  name="Business"
  height="70vh"
  margin="8px"
  no-download
  no-controls
  no-header
  border="gray 2px">
</sidpdf-viewer>

Testing

Preview

Select Config

Component 02

<sidpdf-ext>

Opens PDFs in the custom viewer via a new tab.

Attribute	Req	Description
`url="{url}`	Yes	The PDF link.
`name="{value}"`	No	White Labeling.
`no-download`	No	Disables download button.

Default External Link

Restricted Download Link

White Label Link

Implementation

<sidpdf-ext 
  url="sample.pdf" 
  name="Business" 
  no-download>
  Read Book
</sidpdf-ext>