> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://help.sigmacomputing.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://help.sigmacomputing.com/_mcp/server.

# Text elements

> Create Sigma text elements with preset or custom styles, dynamic formulas, and labels for workbook page headers and titles.

Text elements add labels, headers, footers, and titles to workbook pages. You can use both preset styles and custom text styles. Text elements can be formatted to change their color, font style, font size, and can also display text dynamically using a formula.

## User requirements

To add and edit text elements:

* You must have **Can edit** or **Can explore** [access](/docs/folder-and-document-permissions#document-permissions) to the individual workbook.
* You must be in **Edit** or **Explore** mode for the workbook. See [workbook modes overview](/docs/workbook-modes-overview).

## Create a text element

To add a text element to a workbook:

1. In the **Add element** bar, select **UI** > **Text**. The new text element appears on the page. By default, when you create a text element, the **Medium paragraph** preset style is applied.

2. Begin typing to enter text.

3. (Optional) Use the toolbar at the top of the page to add custom formatting or select <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/link.svg" alt="" /> **Link** to add hyperlinks.

4. (Optional) Drag and drop the text element to move it anywhere on the page canvas.

## Use preset text styles

To switch from one preset style to another preset style:

1. Select your text element and ensure the text is highlighted.
2. From the toolbar above, select your desired preset from the dropdown menu. The available presets are: **Large heading**, **Medium heading**, **Small heading**, **Large paragraph**, **Medium paragraph**, and **Small paragraph**.
3. Select color, bold, and italics options in the toolbar to further customize this preset text style.

To use more customized text styles, see [Customize text typeface and size](#customize-text-typeface-and-size).

## Customize text typeface and size

To apply a specific typeface or size option instead of using one of the preset styles:

1. Select your text element and ensure the text is highlighted.
2. In the toolbar, select <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/link-break.svg" alt="" /> **Break style**.
3. Select your desired typeface from the dropdown menu.
4. Enter your desired font size.
5. Select color, bold, and italics options in the toolbar:

   <table>
     <thead>
       <tr>
         <th />

         <th />

         <th />
       </tr>
     </thead>

     <tbody>
       <tr>
         <td>
           <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/text-bold.svg" alt="" />
         </td>

         <td>
           <strong>Bold</strong>
         </td>

         <td>
           Bold the selected text.
         </td>
       </tr>

       <tr>
         <td>
           <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/italic.svg" alt="" />
         </td>

         <td>
           <strong>Italic</strong>
         </td>

         <td>
           Italicize the selected text.
         </td>
       </tr>

       <tr>
         <td>
           <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/underline.svg" alt="" />
         </td>

         <td>
           <strong>Underline</strong>
         </td>

         <td>
           Underline the selected text.
         </td>
       </tr>

       <tr>
         <td>
           <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/highlight_outlined.svg" alt="" />
         </td>

         <td>
           <strong>Highlight color</strong>
         </td>

         <td>
           Use the color picker, dropper, or palette to select a text highlight color.
         </td>
       </tr>

       <tr>
         <td>
           <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/controls_filled.svg" alt="" />
         </td>

         <td>
           <strong>Advanced settings</strong>
         </td>

         <td>
           <p>Under advanced settings, you can access the following settings:</p>

           <ul><li><img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/strikethrough.svg" alt="" /> **Strikethrough**: Add a horizontal line through the center of the selected text.</li><li><img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/superscript.svg" alt="" /> **Superscript**: Format the selected text as superscript.</li><li><img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/subscript.svg" alt="" /> **Subscript**: Format the selected text as subscript.</li></ul>
         </td>
       </tr>

       <tr>
         <td>
           <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/text-color.svg" alt="Text color icon" />
         </td>

         <td>
           <strong>Text color</strong>
         </td>

         <td>
           Use the color picker, dropper, or palette to select a text color.
         </td>
       </tr>

       <tr>
         <td>
           <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/text-align_left.svg" alt="Left align icon" />
         </td>

         <td>
           <strong>Left align</strong>
         </td>

         <td>
           Change the alignment of the selected text.
         </td>
       </tr>

       <tr>
         <td>
           <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/text-align_center.svg" alt="Center align icon" />
         </td>

         <td>
           <strong>Center align</strong>
         </td>

         <td>
           Change the alignment of the selected text.
         </td>
       </tr>

       <tr>
         <td>
           <img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/text-align_right.svg" alt="Right align icon" />
         </td>

         <td>
           <strong>Right align</strong>
         </td>

         <td>
           Change the alignment of the selected text.
         </td>
       </tr>
     </tbody>
   </table>

## Add dynamic text based on your data

When editing a workbook, you can inject dynamic text into text elements. Dynamic text is text generated based on a formula. This is helpful if you want to display element headers or inline text that automatically updates based on your data.

1. Select your text element, and position your cursor where you would like to add dynamic text.

2. Press <kbd>=</kbd> on your keyboard or select the function (<img src="https://sigma-docs-screenshots.s3.us-west-2.amazonaws.com/Icons/function.svg" alt="" />) button located in the workbook's toolbar.

   A formula bar pops up over your text element.

   Pressing <kbd>=</kbd> opens the formula bar to add dynamic text. To enter a literal equals sign instead, press <kbd>Ctrl</kbd> + <kbd>Option</kbd> + <kbd>=</kbd>.

3. Type a formula, just as you would in the formula bar of any data element. Start typing the name of the object or table with your desired field, and Sigma will provide suggestions for you to choose from.

4. Press **Enter** on your keyboard to see the resulting dynamic text.

5. (Optional) To apply formatting:
   1. Select your new dynamic text.
   2. Choose a format option from the toolbar.

## Related resources

* [Intro to UI elements](/docs/intro-to-ui-elements)