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

# Text

The Text agent block allows you to display messages to your users. Text bubbles support styling,
links, variables, and can be chained together to create smooth conversational animations.

<Frame style={{ maxWidth: '400px' }}>
  <img src="https://mintcdn.com/urbiport-eca888d8/IABytB49wvquMLKH/images/builder/blocks/agent/text.png?fit=max&auto=format&n=IABytB49wvquMLKH&q=85&s=7dbe42e111d0c69868c3ffcea97ee19a" alt="Text bubbles" className="rounded-lg" width="700" height="888" data-path="images/builder/blocks/agent/text.png" />
</Frame>

## Text editor

<Frame style={{ maxWidth: '400px' }}>
  <img src="https://mintcdn.com/urbiport-eca888d8/jXhgg1Izt8iDVUlb/images/builder/blocks/agent/text-editor.png?fit=max&auto=format&n=jXhgg1Izt8iDVUlb&q=85&s=f9638e6376282022a452de5de203338e" alt="Text styles" className="rounded-lg" width="395" height="282" data-path="images/builder/blocks/agent/text-editor.png" />
</Frame>

Clicking the block opens the text editor. From left to right, you'll find the following options:

### **Variables**

Insert any available variable into the text. The variable format is `{{variable}}` inside the text
editor.

<Tabs>
  <Tab title="Flow">
    <Frame style={{ maxWidth: '400px' }}>
      <img src="https://mintcdn.com/urbiport-eca888d8/jXhgg1Izt8iDVUlb/images/builder/blocks/agent/text-variables.png?fit=max&auto=format&n=jXhgg1Izt8iDVUlb&q=85&s=82f142f192acf4f836a431878efca78d" alt="Text variables" className="rounded-lg" width="396" height="172" data-path="images/builder/blocks/agent/text-variables.png" />
    </Frame>
  </Tab>

  <Tab title="Bot">
    <Frame style={{ maxWidth: '400px' }}>
      <img src="https://mintcdn.com/urbiport-eca888d8/jXhgg1Izt8iDVUlb/images/builder/blocks/agent/text-variables-preview.png?fit=max&auto=format&n=jXhgg1Izt8iDVUlb&q=85&s=82d84e185f8c6b8af84c16448d9d705c" alt="Text variables" className="rounded-lg" width="492" height="342" data-path="images/builder/blocks/agent/text-variables-preview.png" />
    </Frame>
  </Tab>
</Tabs>

### **Bold and Italic**

Format the selected text in bold, italic or both.

<Frame style={{ maxWidth: '400px' }}>
  <img src="https://mintcdn.com/urbiport-eca888d8/jXhgg1Izt8iDVUlb/images/builder/blocks/agent/text-styles.png?fit=max&auto=format&n=jXhgg1Izt8iDVUlb&q=85&s=a47b150f8965cfee632949d909d4cb26" alt="Text styles" className="rounded-lg" width="387" height="262" data-path="images/builder/blocks/agent/text-styles.png" />
</Frame>

### **Link**

Insert or edit a hyperlink.

<Frame style={{ maxWidth: '400px' }}>
  <img src="https://mintcdn.com/urbiport-eca888d8/jXhgg1Izt8iDVUlb/images/builder/blocks/agent/text-links.png?fit=max&auto=format&n=jXhgg1Izt8iDVUlb&q=85&s=d1203de24b7a7ce3f8775e93ba02cbe6" alt="Text link" className="rounded-lg" width="397" height="285" data-path="images/builder/blocks/agent/text-links.png" />
</Frame>