About text

In this guide, you'll learn about one of the Uizard component types - 'Text'.

If you've just started prototyping with Uizard - it's an amazing article to skim through to understand 'Text' components adding and styling specifics better 👏

Inserting text

You'd simply need to click 'Text' on the right-hand menu and drag and drop a text component needed for your project:

Editing and styling text

1) Double-click the text component.

2) Replace it with your own text and/or edit the styling of the text in the inline toolbar or the "Design" button on the right-hand menu. You can:

Change fonts
Change text color for one word or an entire sentence
Update the styling to Bold or Italic

See the video below for an example of how to edit your text and style it:

⚠️ Pro tip: if the text editing isn't working as expected, check out our Troubleshooting Guide ⚠️

Changing text color

Changing the color of your text is super easy! There are two different ways to edit this. Take a look below:

From In-line Toolbar

1) Double-click the text box where you want to change your text color. Select the word or sentence that you'd like to change the color of:

2) Select the "Color" button on the in-line toolbar and choose a color you'd like to change the text to:

From the Design menu:

1) Double-click the text box with the text you'd like to change. Select the word or sentence you'd like to change the color of:

2) Select the "..." in the in-line toolbar or the 'Design' button on the right-hand menu:

3) Find the 'Text' area and then click the round color field to change it to your desired color:

Changing text alignment

Using the in-line toolbar:

1) Select the text you want to re-align.

2) Click the alignment icon on the in-line toolbar and choose your desired alignment:

Using the Design menu on the right-hand menu:

1) Select the text you want to re-align and click either the '...' in the inline toolbar or the 'Design' button on the right-hand menu.

2) Find the 'Text' section and choose your desired alignment (left, center, right, or justified) on the right-hand menu:

Using emojis

You can use emojis within your text!

While there is no specific UI for this, you can use the OS-emoji tool or copy/paste emojis into your text box component or comments 🌟

Hyperlinking text

Uizard automatically recognizes links so when you add links in standard form (HTTPS or www) in your text fields, they will be clickable on the 'Preview mode' 🚀

FAQ

Can I add shadow to text?

Right now, it's not possible to add shadow to a text; however, we are constantly looking for ways to improve our platform!

Can I strikethrough or cross out text?

There isn't a strikethrough or cross-out feature for text yet.

Is there a way to curve text?

We don't have a feature at this time to curve text.

Is there a wrap text option?

There isn't a design option to wrap text automatically around an image; however, you can recreate this by adding multiple text boxes.

Are there any bullet points?

Unfortunately, we don't have a bullet point option for text within the platform; however, you may be able to use icons and text boxes as a workaround.

Can I upload a custom font library?

It's not currently possible to upload a custom font library within Uizard; however, we do have a lot of amazing fonts already on our platform. Check them out to see if any of them have a similar look and feel!

How can I export a font?

At this time, it's not possible to only export a font.

Adding shapes

Adding buttons

Using and adding forms

Using alignments, distributions, and positions

Using Color Picker