Button

There are 6 provided styles for buttons, with a variety of color options


Placement

There are no set standards for button placement, as it will vary based upon the needs of your site/forms.


Behavior

There are no set standards for button behavior, as it is specific to your application


Accessibility Guidelines

Colors and behavior of the button styles have been chosen in-line with brand and accessibility guidelines


Examples and usage guidelines

Groups of buttons should be wrapped in a DIV element with the class 'ila-button-group' to ensure proper spacing

To apply the appropriate style to a button you'll need to apply 2 classes, 'ila-button' and then the class specific to the style you would like. These 6 styles are demonstrated below.

You may include a span before or after your button text (or as a replacement for) to display a + icon. The markup would be:
<span class="ila-button"></span>

Link

Link to this standard in GitHub