Button

An interactive component which can be used to indicate an action to the user. Consists of different ranks to indicate the importance and the type of action is defined.

  • <a> for navigation
  • <button> for everything else.
  • <input[type="submit"]> to trigger default browser behaviour associated with submitting form input.

Primary

px 

			
				<button class="c-button  ">
	<span class="c-button__icon icon-arrow-down"></span>
	<span class="c-button__text">Primary button</span>
	<span class="c-button__icon icon-arrow-down"></span>
</button>

Documentation

States

  • is-disabled

    Indicates that the button is disabled