Component: Button
Discover what you can do in Agua!
You will start by building a button!

Step 1:
Screen, and Alignment
Step 2:
Div, Icon, Alignment, and Size
2.1. Create new child -Div- inside of the Screen: "Button"
New Div name:
buttondiv
2.2. Create new child -Icon- inside of the Div: "buttondiv"
New Icon Name:
buttonicon
2.3. Set -Div's- Alignment of: "buttondiv"
Main:
Axis center
Cross:
Axis center
2.4. Set -Div's- Size of: "buttondiv"
Width:
Wrap
Height:
Wrap
2.5. Set Icon of: "buttonicon"
Icon name:
search
Step 3:
Background Color, Radius, and Padding
3.1. Set -Div's- Background Color of: "buttondiv
HEX Color:
FF385C
3.2. Set -Div's- Radius of: "buttondiv "
Div's Radius:
25
3.3. Set -Div's- Padding of: "buttondiv "
Top:
px
8
Bottom:
px
8
Left:
px
8
Right:
px
8
3.4. Set -Icon- Size of: "buttonicon"
Icon's Radius:
28
3.5. Set -Icon- Color of: "buttonicon"
HEX Color:
E0E0E0
Step 4:
Create Component, and preview
Project Progress:
Save
Code Review:
IDE
Last updated