# 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.).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.thunkable.com/app-design/ui-components/embed-components/pdf-reader.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.