Components

Text

Text is one of the most common components on every page - almost all pages created in Replo have Text in them. Replo supports a full rich-text editor, which means that you can create and apply styles and formatting to your text components.

To Add a Text Component:

  1. Navigate to the page you want to add Text to in the editor.
  2. On the left side of the editor, click the "Components" toggle, then search for "Text."
  3. Drag the Text component into the page.

Rich Text Editing

Replo supports all of the following rich text editing features in the text editor in the right-side editor panel under "Text." Each style can either be applied to the entire text using the buttons below the text editor, or to the current selection using the buttons in the text editor's toolbar.

  1. Bold, italic, underline, and strikethrough
  2. Background and foreground text color
  3. Text alignment and centering
  4. Uppercase and lowercase transforms
  5. Lists and bullet-points
  6. Links

Tag Types

Replo also supports modifying the HTML tag type for a text component, which can be important for accessibility. To modify the tag type, use the "Tag Type" dropdown under the text editor.

Adjusting Text Height

In Replo, you can use the Line Height field to adjust the height of text in a component while keeping the text aligned to a vertical baseline.

To update line height:

  1. Find the text component you want to update
  2. In the right bar, under "Text", find "Line Height"
  3. Drag or type in a new value to update the height of the text
Previous
Container