Style

Using the styles helps you quickly and easily edit basic visual properties of a widget.

To style a widget use the options in Layout, Spacing, Typography, Background, Border, and Borders. Here is an overview of what you can change by using Styles Editor:

Layout

You will be able to adjust the Width, Height, Display, Flex Direction, Alignment(left, center, right), and Justify Content.

Spacing

You will be able to adjust the Margins, padding and Container padding, and Overflow.

Typography

You will be able to select the font, font Color, font Size, font Weight, and case.

Background

You will be able to change the Background color, add a Gradient, add an Image or make the widget transparent.

Animation

You will be able to add animation to the widget.

Effects

You will be able to add Opacity and Shadow to the widget.