Web Components


<simple-button>

So simple and so useful

Some Simple Buttons

This are some simple primary buttons with hover and onclick

					
<simple-button backgroundColor="#FF0000" bordercolor="#FF0000" hoverBackgroundColor="#cc0000" hoverBorderColor="#cc0000" linkLocation="#" ></simple-button>
					
<simple-button backgroundColor="#00BFFF" bordercolor="#00BFFF" hoverBackgroundColor="#0000FF" hoverBorderColor="#0000FF" linkLocation="#" ></simple-button>

This are some disabled simple primary buttons

					
<simple-button backgroundColor="#FF6666" bordercolor="#FF6666" textColor="#f2f2f2" disabled ></simple-button>
					
<simple-button backgroundColor="#87CEFA" bordercolor="#87CEFA" textColor="#f2f2f2" disabled ></simple-button>

This are some simple secondary buttons with hover and onclick

					
<simple-button textColor="#FF0000" bordercolor="#FF0000" hoverBackgroundColor="#CC0000" hoverBorderColor="#CC0000" linkLocation="#" ></simple-button>
					
<simple-button textColor="#00BFFF" bordercolor="#00BFFF" hoverBackgroundColor="#0000FF" hoverBorderColor="#0000FF" linkLocation="#" ></simple-button>

This are some disabled simple secondary buttons

					
<simple-button borderColor="#FF6666" textColor="#FF6666" disabled ></simple-button>
					
<simple-button borderColor="#87CEFA" textColor="#87CEFA" disabled ></simple-button>