Buttons

Buttons are in Interaction Elements group, so they can apply corresponding colours.

Default

Mouse over

Active

Focused

Disabled

<input type="button" su-icon="la-leaf" value="Button" />

<input type="button" class="su-secondary" value="Button" />

<input type="button" su-icon="fa-print" button-type="circle" value="Print file..." />

Buttons group

<div class="su-button-group">
    <button>Button one</button>
    <button>Button two</button>
    <button>Button three</button>
</div>