> For the complete documentation index, see [llms.txt](https://docs.thunkable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thunkable.com/app-design/ui-components/embed-components/pdf-reader.md).

# PDF Reader Component

## Overview

The PDF reader component lets users view and pinch to zoom PDF documents within the app interface. It serves as a tool for displaying various types of content, such as reports, forms, contracts, or educational materials.

<div align="left"><img src="/files/-Lo6_5fE2ZPBYP4AlZQ2" alt=""></div>

## Properties

### PDF Reader

| Property | Description                           | Data Type                        |
| -------- | ------------------------------------- | -------------------------------- |
| File     | PDF to be displayed in the PDF reader | PDF file or URL ending in `.pdf` |

There are two ways to set a file to display in the PDF reader.

* **Upload PDF File**\
  You can upload a PDF file as an asset in your project. If you opt for this option, be mindful of the Thunkable 50 MB app size limit.
* **Enter PDF URL**\
  Enter the URL of the PDF you want to show in your project. The link must end in `.pdf`.

<figure><img src="/files/j9cwvAhRv5vJIqQ1nAQv" alt=""><figcaption></figcaption></figure>

### Layout

<table><thead><tr><th width="166.33333333333331">Property</th><th width="379">Description</th><th>Data Type</th></tr></thead><tbody><tr><td>X</td><td>The location of the top left corner of the PDF reader on the X-axis, where the left-hand side is X=0.</td><td>Number</td></tr><tr><td>Y</td><td>The location of the top left corner of the PDF reader on the Y-axis, where the top side is Y=0.</td><td>Number</td></tr><tr><td>Height</td><td>Height of PDF reader in pixels.</td><td>Number</td></tr><tr><td>Width</td><td>Width of PDF reader in pixels.</td><td>Number</td></tr><tr><td>Resize Mode</td><td>Define dimensions of the PDF reader component.</td><td>Select from list <code>[Stretch, Float in Place]</code></td></tr></tbody></table>

## PDF Reader Blocks

### Properties Blocks

There are two types of property blocks: dark green "set" and light green "get" blocks. The specific blocks available vary according to the UI component.&#x20;

The dark green set blocks allow you to change the component's properties using blocks. For example, if you don't want a button to be enabled for a user until they've typed a set number of characters into a text input component, you can use the button's dark green set button's disabled status block.&#x20;

The light green get blocks allow you to access the properties of a component (e.g. color, font, width, text, etc.).