{# ========================================================================== #}
{# :: Info #}
{# ========================================================================== #}
{% set info %}

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.

{% endset %}

{# ========================================================================== #}
{# :: Modifiers #}
{# ========================================================================== #}
{% set modifiers %}

-	 c-button--secondary

	Create a secondary button based on the properties of a primary. Differentiating
	mainly in background-color and text-color.

-	 c-button--inverted

	Creates a button with the inverted state of the modifier applied to.

{% endset %}

{# ========================================================================== #}
{# :: States #}
{# ========================================================================== #}
{% set states %}

- is-disabled

	Indicates that the button is disabled

{% endset %}

{# ========================================================================== #}
{# :: JavaScript #}
{# ========================================================================== #}
{# {% set javascript %}

{% endset %} #}