# Scrollable text

The scrollable text feature makes it easy to handle long text. It puts the text in a container you can scroll through, keeping documents organized and easy to read. This keeps the interface clean and user-friendly and make long texts like articles or privacy policies easy to read and engaging.

The feature supports multiple types of content, including plain text, Markdown and HTML.

<figure><img src="/files/6Zfrj0JwC3phkthFgL1t" alt=""><figcaption></figcaption></figure>

## 👉 **The Tags**

**📍 Where to add the tag:** Any text elemen&#x74;**.**

**Plain text**

```
[component:text:plain:scrollable]
```

**Markdown**

```
[component:text:md:scrollable]
```

**HTML**

```
[component:text:html:scrollable]
```

{% hint style="info" %}
Scrollable text is not supported in [Carousel sliders](/bravo-tags/containers/container-horizontal-slider.md).
{% endhint %}

## 🏷️ **How to add the tag**

1. Create an app page design.
2. Paste the preferred scrollable text tag, depending on the text type, into the text element.
3. For instance, in the initial text, since it's presented in HTML text format and needs to be scrollable, we include `[component:text:html:scrollable]`.

<figure><img src="/files/v0HDIzBqKYghEjWT5kMq" alt=""><figcaption><p>A Figma sample showing how to use the scrollable tag in an HTML text</p></figcaption></figure>

4. For plain text in the second paragraph, use the `[component:text:plain:scrollable]` tag.

<figure><img src="/files/FnhmWwLPHb0i6b50G7sp" alt=""><figcaption><p>A Figma sample showing how to use the scrollable tag in a plain text</p></figcaption></figure>

5. Preview and test the scrollable texts on Bravo Vision. 🚀

## 💾 Example files

Duplicate the files below to see how to set it up!

{% embed url="<https://www.figma.com/community/file/1359443398339849824>" %}
Bravo Sample: Scrollable Text
{% endembed %}

Your feedback is valuable to us. If you have any suggestions or questions, please don't hesitate to reach out to us in the [community](https://community.bravostudio.app/home).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bravostudio.app/bravo-tags/components/scrollable-text.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.