Buttons

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

Default button

Default
Mouse over
Active
Focused
Loading
Disabled

Positive action

Negative action

Violet

Black

Orange

Buttons with icon

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

Secondary buttons

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

Another buttons with icon

<input 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>