The Text Component enables you to add text to your app. You can manually type the text or paste it from other sources into the text editor.
Later, you can use the formatting bar in the text editor to stylize the text. Follow the instructions below to set up your Text Component:
Step 1: Log in to your Admin Dashboard.
Step 2: Click on the Build section -> Select an existing page or click the "+" to add a new page.
Step 3: Search for "Text" and click the "Add Text Component" button at the bottom of the page.
Step 4: Add content in the editor pane and click on Save after making changes to the text in the editor.
Here are some features you can use in the Text Component:
- Insert an image, video, and add a hyperlink to your text.
- Create a bulleted or numbered list.
- Increase or decrease the indentation of a list.
Set text alignment as left, center, right, or justified.
- Change the text color or background color of the selected text.
Here is the list of fonts we have available in the text component:
- Arial
- Comic Sans
- Courier New
- Georgia
- Helvetica
- Lucida
- Times New roman
- Impact
- Modak
- Teko
- Fondamento
- Titillium Web
- Roboto
- Open Sans
- Lato
- Oswald
- Source Sans Pro
- Montserrat
- Raleway
- PT Sans
- Lora
- Nuniti Sans
- Concert One
- Prompt
- Alegreya
- B612
- Varela
- Vollkorn
- Crimson Text
- Cairo
- BioRhyme
- Playfair Display
- Archivo
- Fjalla one
- Rubik
- Ubuntu
- Work Sans
- Gill sans
- Museo
Don't forget to click Save and Publish after you have made changes or added new text to your app.
You can now "Label" a particular text component using Component Label. Adding a Component Label will make it easier to manage your workspace if there are multiple components added on one page of your app.
The text added here only appears in the Build section of your dashboard and is not visible to your app users.
Labeling a Text Component when it is surrounded by other components can help you spot the exact Text Component you want to edit, delete or move in your App.