---
title: Text
icon: font
---

The Text bubble block allows you to display a simple text bubble to your user. They can be chained and it will create a smooth animation:

<Tabs>
  <Tab title="Flow">
    <Frame style={{ maxWidth: '400px' }}>
      <img
        src="/images/blocks/bubbles/3-text-bubbles.png"
        alt="Text bubbles"
        className="rounded-lg"
      />
    </Frame>
  </Tab>
  <Tab title="Bot">
    <video
      controls
      autoPlay
      className="rounded-lg"
      src="/images/blocks/bubbles/3-text-bubbles-chat.mp4"
    ></video>
  </Tab>
</Tabs>

## Insert a link

You can insert a link in your text bubbles using the link icon in the editor:

<Frame style={{ maxWidth: '400px' }}>
  <img src="/images/blocks/bubbles/text-link.png" alt="Text link icon" />
</Frame>

You can insert any links starting with `http:`, `https:`, `mailto:`, `tel:` or `sms:`. It can also be a variable.
