> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flow-board.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Text

> Use Text for headlines, body copy, labels, and short supporting content.

## What it is

**Text** is the standard component for a single block of copy with one visual style.

## What it's best for

Use it when you need clear messaging without mixing multiple styles in the same sentence.

## When to use it

* Headlines
* Body copy
* Labels above inputs
* Small legal or support notes

## When not to use it

* Do not use it when part of the sentence needs a different style. Use [Rich Text](/components/rich-text).
* Do not use long paragraphs when a shorter message would move the user faster.

## How to add it in the dashboard

1. Open the screen in the dashboard.
2. Add **Text** from the **Components panel**.
3. Select the text block on the **canvas**.
4. In the **properties panel**, enter the copy and adjust styling.
5. Review the screen hierarchy to confirm the text is easy to scan.

## Key parameters

| Parameter      | What it changes                            | When to adjust it                                          |
| -------------- | ------------------------------------------ | ---------------------------------------------------------- |
| Text content   | Sets the message shown to the user         | Update it whenever the screen goal changes                 |
| Font size      | Controls emphasis and hierarchy            | Increase it for headlines and decrease it for support text |
| Weight         | Makes text feel lighter or stronger        | Use stronger weight for key actions or claims              |
| Color          | Changes visibility and tone                | Use it to support hierarchy and contrast                   |
| Alignment      | Aligns the text left, center, or right     | Match it to the overall layout and reading pattern         |
| Letter spacing | Adjusts how open or tight the text feels   | Use it sparingly for display text or labels                |
| Line height    | Controls readability in longer text blocks | Increase it when body copy feels cramped                   |
| Margin         | Adds space around the text block           | Use it to separate text from nearby content                |

## Example use cases

* A bold value proposition at the top of a welcome screen
* A short supporting paragraph under a plan comparison
* A small confidence note under an email field

## Best practices

* Keep the headline focused on one promise or one instruction.
* Use body copy only when it helps the user decide or complete the next step.
* Make the difference between headline, body text, and fine print obvious.

## Common mistakes

* Using several text blocks when one concise message would be clearer
* Making every text block large and bold
* Center-aligning long paragraphs that would read better left-aligned

## Related components

* [Rich Text](/components/rich-text)
* [Button](/components/button)
* [Text Input](/components/text-input)
* [Stack](/components/stack)