37 lines
911 B
Plaintext
37 lines
911 B
Plaintext
---
|
|
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.
|