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.
Action | Description |
---|---|
Hide Component | Sets whether the widget has to be displayed on the screen when the program is loaded.
Value - |
Disable Component | Makes the widget read-only, and denies users any action over the element.
Value - |
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