Button

Standard

Button:

States

Can be hovered:

Can be pressed in:

Can be active:

Active Button

Can be disabled:

Can show a loading indicator:

Can alert to a succesful action:

Can alert user of an error:

Variations

Can have different sizes:

Can have different colors:

Can be positive or negative:

Can fit parent container:

Can be bubbly:

Can be formatted as an icon toolbar:

Can be attached to the top or bottom of other content

Can be attached to the left or right of other content

Can be attached to an input field

Buttons (Group)

Can exist together as groups

Can be formatted as icon toolbars

Groups can be separated by conditionals

Groups can be divided evenly to fit parent

Singular variations can be applied to groups to infer all elements share the same quality

Blue

Large