Appearance
Appearance of a component UI is designed by 4 types which are Shape, Color, Font, border and Spacing.
Shape
Width - Width defines the width of a component at a fixed value in pixel
Height - Height defines the height of a component at a fixed value in pixel.
Corner Radius - Corner Radius defines the curve of the component at a fixed value in pixel. You can make a component become circle when you defines the curve as half of the component width.
Color
Bg Color - Bg Color specifies the background color of components.
Opacity - Opacity defines the opacity level of an element. The opacity-level of an element describes the transparency-level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent.
Font
Font Color - Font Color defines the font color of the text.
Font Size - Font Size defines the font size of the text.
Text Align - Text Align defines the horizontal alignment of text in a block level element. You can located text in left, center or right.
Font Weight - Font Weight defines how thick or thin characters in a text should be displayed. / determines the thickness of the text in component.
Spacing
Margin Top - Margin Top inserts the space around the border on the top.
Margin Bottom - Margin Bottom inserts the space around the border on the bottom.
Margin Left - Margin Left inserts the space around the border on the left.
Margin Right - Margin Right inserts the space around the border on the right.
Padding Top - Padding Top inserts the space within the border of an element on the top.
Padding Bottom - Padding Bottom inserts the space within the border of an element on the bottom.
Padding Left - Padding Left inserts the space within the border of an element on the left.
Padding Right - Padding Right inserts the space within the border of an element on the right.
Border Top - Border Top Width specifies the thickness of the top border.
Border Bottom - Border Bottom Width specifies the thickness of the bottom border.
Border Left - Border Left Width specifies the thickness of the left border.
Border Right - Border Right Width specifies the thickness of the right border.
Border Top Color - Border Top Color specifies the color of a component top border.
Border Bottom Color - Border Bottom Color specifies the color of a component bottom border.
Border Left Color - Border Left Color specifies the color of a component left border.
Border Right Color - Border Rigth Color specifies the color of a component right border.