Button

Description

The button component is used to create an input action for user. This component can be used with button, anchor or input[type=button] elements in html page.

Code Examples

These are some examples for button component.

<!-- Default -->
<button class="tui-button">Button</button>

<!-- Input -->
<input type="button" class="tui-button" value="Input" />

<!-- Anchor -->
<a href="#!" class="tui-button">Anchor</a>

<!-- Custom Color -->
<button class="tui-button orange-168 white-text">Custom</button>

<!-- Disabled -->
<button class="tui-button red-168 white-text disabled" disabled>Disabled</button>

<!-- Focused -->
<button class="tui-button" autofocus>Focused</button>

Component Classes

This is the table with available classes for this component.

Class	Description
.tui-button	Set the button style for the element