> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.teleporthq.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add and customize Text elements

**Text is the most fundamental element in the editor. Here is everything you need to know about typography elements in TeleportHQ.**

${youtube}[How to add text](FFwyAeDmsv0)

| [1. Text types](#2-text-types) | [2. Adding text to the project](#2-adding-text-to-the-project) | [3. Customizing text](#2-customizing-text) |
| [4. HTML text tags](#2-html-text-tags) | [5. Creating text tokens](#2-creating-text-tokens) | [6. Adding links to text](#2-adding-links-to-text) |
|  |  |  |

## Text types

In the **Elements Tab** in the **Left Panel** you will find the typography section. There are 3 types of text that you can add to the canvas:

* Text - Adding this element, it will add a regular paragraph to your project
* Heading - This will add an H1 element
* Link - This will add a paragraph with hyperlink
* Date - Adds a DateTime element that can receive time and date information from a headless CMS

![Types of text elements available in TeleportHQ](https://storage.crisp.chat/users/helpdesk/website/-/6/0/c/4/60c4bca58bb99c00/1-text_1lip4dl.gif)

## Adding text to the project

Text is added with drag and drop. You can drop any type of text element directly in the canvas or in a container in the treeview. Double click on the text to write your own text or paste a copied piece of text.

| **TIP:** Use keyboard shortcuts to add text elements quicker. Try **T** for text and **H** for heading.

![Adding text elements to the canvas](https://storage.crisp.chat/users/helpdesk/website/-/6/0/c/4/60c4bca58bb99c00/2-text_i8snqp.gif)

## Customizing text

To make changes to your text elements you can click on the text in the canvas then go to the Right panel and scroll down until you see Test style. Here you can change the **font family, font size, line height, letter spacing** and more.

![Customizing text elements with the Right panel properties](https://storage.crisp.chat/users/helpdesk/website/-/6/0/c/4/60c4bca58bb99c00/3-text_1983wkm.gif)

## HTML Text tags

You can also change the HTML tag of your text so that it provides the semantic value that you intended in the first place. You can change the HTML tag to: **paragraph, heading, span, label** and more.. 

![Changing HTML tags in the Right panel](https://storage.crisp.chat/users/helpdesk/website/-/6/0/c/4/60c4bca58bb99c00/4-text_e9fvu0.gif)

## Creating text tokens

Text tokens will allow you to predefine different styles for your text elements. This is most useful for projects that use multiple fonts and sizes. Create the tokens when you start the project and use them from the Text styles tab in the Right Panel. 

![Creating and adding text tokens](https://storage.crisp.chat/users/helpdesk/website/-/6/0/c/4/60c4bca58bb99c00/5-text_pf1xhu.gif)

## Adding links to text

To add links to text already placed on the canvas you need to:

* Double click on the text element
* Select the section of text you want to link to
* Right click on the section
* Select **Create link**

![Adding a link to a section of a text element](https://storage.crisp.chat/users/helpdesk/website/-/6/0/c/4/60c4bca58bb99c00/6-text_1nzjqo1.gif)