---
title: "Content Component"
slug: "content-component"
tags: ["module-builder"]
updated: 2026-10-05T15:49:22Z
published: 2026-10-05T15:49:22Z
canonical: "docs.unqork.io/content-component"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.unqork.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Content Component

The Content component displays rich HTML and CSS content directly. Creators use it to embed custom-formatted text, tables, lists, or styled markup. It also supports optional Excel and PDF download links when the content includes tabular data.

> [!CAUTION]
> While the Content component can support code beyond simple HTML and CSS, avoid using JavaScript where possible. Creators are responsible for creating secure applications when using Content components.

> [!NOTE]
> The Build Agent does not create new instances of this component.

> **How to read settings tables**
> 
> 
> The tables below describe each configurable option as it displays in the UnqorkAI platform. Values are formatted as follows: `inline code` — a value to type exactly as shown | **Bold** — a value selected from a drop-down, radio button, tab, or choice chip | **ON**/**OFF** — toggle state | ✓ — checkbox checked | ☐ — checkbox unchecked

## Content

| Setting | Field | Type | Default | Description |
| --- | --- | --- | --- | --- |
| Property ID | `key` | Text input | `content` | A unique ID for this component instance. |
| Canvas Label Text | `label` | Text input | — | Identifies the component on the Module Builder canvas. Does not display to end-users. |
| Content | `content` | Code editor | — | The HTML and CSS content to display. Supports custom-formatted text, tables, lists, and styled markup. |

## Display Settings

### Default State Options

| Setting | Field | Type | Default | Description |
| --- | --- | --- | --- | --- |
| Hide Field | `hidden` | Toggle | OFF | Hides the component from end-users but always displays in the Module Builder. |

### Formatting

| Setting | Field | Type | Default | Description |
| --- | --- | --- | --- | --- |
| Include Excel Download Link | `includeExcelDownloadLink` | Toggle | OFF | Adds a download link to export the component's tabular content as an Excel file. Displays when the content contains a table. |
| Excel Download Label | `downloadXLSLabel` | Text input | `Excel Download` | The label text for the Excel download link. |
| Include PDF Download Link | `includePdfDownloadLink` | Toggle | OFF | Adds a download link to export the component's content as a PDF file. |
| PDF Download Label | `downloadPDFLabel` | Text input | `PDF Download` | The label text for the PDF download link. |
| Include PDF Download Link (Base 64) | `includePdfDownloadLinkBase64` | Toggle | OFF | Adds a Base64-encoded PDF download link. |

> [!NOTE]
> Base64 encoding embeds the PDF as a text string directly in the page instead of generating a separate file download. Use this option when the download must work in environments that restrict external file requests, like iframes or sandboxed contexts.

---

**Changelog**

| Date | Change |
| --- | --- |
| 2026-10-02 | Added Build Agent notice — the Build Agent does not create new instances of this component (EN-8141). |
| — | Initial publication. |

HTML (Hyper Text Markup Language) is the standard markup language for for achieving font, color, graphic, and hyperlink effects when creating web pages.

Cascading Style Sheets (CSS) is a style sheet language used for presenting how a HTML or XML document looks to end-users.

Also known as Unqork Users, or Designer Users; is anyone who is inside the Unqork platform.

PDF (Portable Document Format) is a file format that allows users to share and print documents without modifying them.

JavaScript is an object-oriented computer programming language. It is most-commonly used for interactive effects in the browser.

A Property ID is the unique field ID used by Unqork to track and link components in your module.

Canvas Label Text indicates the purpose of the corresponding field or component. For non-input components, the Canvas Label Text isn't end-user facing, and only appears in the .

End-users, also known as Express Users, are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product.

Label Text conveys what the input component is and what information it displays. Enter the purpose of the corresponding component or field.

Base64 is an encoding and decoding technique used to convert binary data to an ASCII (American Standard for Information Interchange) text format.

A string is an object that represents a sequence of characters. Strings typically hold data represented in text form.