Euraknos

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.

Modifiers
States

Primary


			
				<button class="c-button  ">
	<span class="c-button__text">Primary button</span>
</button>

Secondary


			
				<button class="c-button  ">
	<span class="c-button__text">Secondary button</span>
</button>

Documentation

Modifiers

c-button--outlined

A button with a transparent background and colored border.
c-button__icon--before

Class to add to the icon to add spacing to the right of the icon.
c-button__icon--after

Class to add to the icon to add spacing to the left of the icon.

States

is-disabled

Indicates that the button is disabled