Text
This guide covers the design and behavior configurations for text components in Descope flow screens. Text components allow you to display content to users, including static text, links, and dynamic values. Add text components by dragging the Text component from the left panel into your flow screen.
Design
Text components offer extensive design configurations organized into three categories: Content, Alignment and Direction, and Style.
Content
The content is the text displayed to users as they progress through the flow. You can use simple text like "Welcome, please sign up" or include links and dynamic values for more advanced use cases.
You can format text using keyboard shortcuts or the toolbar to apply bold, italic, and other formatting. You can also embed links and organize content into multiple paragraphs.
Dynamic Values
You can enhance your flow screens by using dynamic keys to display user data or previously submitted form data. Our dynamic values guide explains available keys. The example below shows how to use dynamic keys with auto-population using double curly braces.
Alignment and Direction
Text components support alignment and direction settings. These allow you to position text elements and configure RTL (right-to-left) support for various languages.
For detailed configuration options, see the main Screens guide.
Style
Like other screen components, you can configure the style of text components. Available options include:
- Style: Uses the configured typography settings for the project
- Color: Uses the configured color schemes from styling components
- Fill Container: Stretches the component to fill the parent container
Behavior
The Hide when empty setting controls whether the text component takes up space when it has no content. When enabled, empty text components won't occupy space on the screen, allowing other elements to adjust accordingly.