Text Tool

Summary

The Text Tool allows users to create and manage text within Rive artboards. This lesson covers how to create text boxes, edit text content through various methods, and adjust box properties including alignment, sizing behaviors (Fixed, Auto Height, Auto Width), wrapping, and overflow options (Hidden, Clipped, Ellipsis, Fit).

Step by Step

1. 00:04
   Creating Text

   Select the Text tool (T) from the toolbar. Click once to create a box sized to the text, or click and drag to create a custom-sized box.
2. 00:36
   Editing Content

   Double-click the text box, select it and press Enter, or edit the text directly in the Inspector under the "Text Run" property.
3. 01:45
   Alignment & Origin

   Use the Inspector to adjust horizontal alignment (Left, Center, Right) and vertical alignment. You can also manually move the text box origin using the Y key (Freeze Mode).
4. 01:55
   Sizing Behaviors

   Choose between Fixed (set manual W/H), Auto Height (width is manual, height adjusts to content), or Auto Width (both dimensions adjust to content).
5. 03:10
   Wrapping & Overflow

   Toggle "Wrap" to contain text within box boundaries. Use Overflow settings to manage text that exceeds the box size:

   • Visible: Shows all text.
   • Hidden/Clipped: Hides or crops text outside the box.
   • Ellipsis: Adds "..." to indicate truncated text.
   • Fit: Scales text down to fit entirely within the box.
6. 05:03
   Paragraph Spacing

   Adjust the numerical value for paragraph spacing to control the vertical distance between text blocks.

Notes About Current Rive

• Text Runs: In Rive, the actual text content is stored in a "Text Run" layer nested under the Text object.
• Dynamic Content: Text created with this tool can be animated or changed dynamically at runtime using code.
• Overflow 'Fit': The "Fit" option is particularly useful for UI elements where you need long strings of text to always remain visible regardless of the container size.