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.

👉 The Tags

📍 Where to add the tag: Any text element.

Plain text

[component:text:plain:scrollable]

Markdown

[component:text:md:scrollable]

HTML

[component:text:html:scrollable]

🏷️ 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].

A Figma sample showing how to use the scrollable tag in an HTML text

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

A Figma sample showing how to use the scrollable tag in a plain text

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

💾 Example files

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

Bravo Sample: Scrollable Text | FigmaFigma

Bravo Sample: Scrollable Text

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.