# Text

> Use the Text Component in MockFlow Board to add, edit, and style text on your canvas.

Source: https://mockflow.com/docs/boards/components/text-in-ideaboard

Available in:
                    

              Basic
            

              WireframePro
            

              MockFlow Board
            

              Bundle Plan
            

              Enterprise
            

The Text Component in the MockFlow Board allows you to add, edit, and customize text content on the canvas, including adjusting the style, size, and alignment for headings, descriptions, labels, or any text-based information.

## **How to add the Text?**

1. Inside the MockFlow Board editor, click on the 'Add' icon from the top left. Look for the Text Component and add it to the canvas by dragging and dropping it.

![Adding the Text component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/9b09dcb234546575b598e192.gif)

**Customizing Text:** You can use the quick toolbar to add and customize the font style, color, font family, font size, line height, and text alignment.

![Customizing text in Text component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/1073937269bd8e74f3999f50.webp)

**Enabling Advanced Settings:** For advanced customization options, access the component settings from the Advanced Settings toolbar.

![Accessing advanced settings for Text - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/80172efdbddd11432f18dd48.webp)

**Generate text with AI: **You can quickly add text by using the 'Generate with AI' option. In the quick toolbar, click the AI icon, select the type of text to generate, enter your prompt, and press Enter.

![Generate Text with AI - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/6325a69a4e72fb1c81f5ae36.gif)

**Further Customization with AI:** The AI feature for the Text component provides advanced text customization options, such as rephrasing text, making it longer, or making it shorter.

![Further AI customization for text - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/aa66c010d0d3454e36dda82c.webp)

**Exporting the Text: **You can export the Text component as an image by clicking the 'Export' icon under Advanced Settings in the quick toolbar.

![Exporting text component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/cac11a52a88b0dd64e374e6b.webp)