Adding buttons

Not sure how to insert a button to your project? Make sure to check out this article!

Updated over a week ago

About buttons

In this guide, you'll get to know one of the Uizard component types - 'Buttons'.
โ€‹
โ€‹What is a 'Button'? In Uizard, a 'Button' is self-explanatory - a component type used to visualize a button within your project.

You can see an example of the 'Button' by checking the screenshot below ๐Ÿ‘‡
โ€‹


Inserting a button

1) Click 'Button' on the left-hand menu:
โ€‹

2) Find a 'Button' you want by using the search function or scrolling through the pop-up window and drag & drop the selected 'Button' on your project:
โ€‹


Changing a button's text

You can easily edit the text of a button! Just double-click the pre-written text and change it to what you'd like it to be!


Styling a button

If you want to style the look and feel of a button, this is quite simple!

Using the in-line toolbar

1) Click the button that you'd like to style.

2) Click on the "Style" button on the in-line toolbar and choose the look and feel you'd like to go for:

3) Click the "Fill" button to change the color of the button:

Using the Design menu:

1) Click the button that you'd like to change the style of.

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

3) You can change the font, fill color, borders, and much more under the design menu. Check out the video below:

Did this answer your question?