Layers
Enables the user's ability to check the widget's basic properties and styles using a quick preview. The user can apply values to the property and style and see how it behaves.
Use dynamic Layers
When the user works with multiple widgets, this option lets the user rearrange the widgets up and down for easier access and convenience.
Action
Shows the list of actions and styles - the user can pick one of them, provide the corresponding value and click 'Apply Action' to see the result on the widget.
Hide Component
Sets whether the widget has to be displayed on the screen when the program is loaded.
Value - true / false
Disable Component
Makes the widget read-only, and denies users any action over the element.
Value - true / false
Margin
Set in terms of "px" number which creates the space between the border and the content of the widget.
Padding
Set in terms of "px" number which creates the space between the border and outer elements.
Border Radius
Sets the radius of the widget's corners, enabling rounded corners on the widget. This value is defined in "px" terms.
Border Width
Set the thickness of the border of the widget using this value. It is defined using "px" terms.
Font Size
Set the size of the text in "px" value - 12px
Font Weight
Increase or decrease the thickness of the font using the list of numbers from 100-800.
Font Family
Type the name of the font family. The reference to the list of font families can be found here: MDN web docs
Background Color
Set the background colour of the widget using the RGB range that can be picked from the paint box.
Border Color
Set the colour to the border lines, covering the widget.
Text Color
Set the colour for the text of the widget.
Last updated