Button

The button component is a link that visually looks like a button.

Default

px 

			
				<a class="c-button " href="#">
	Reserveer tickets
	<span class="c-button__decoration" aria-hidden="true"></span>
</a>

Inverse

px 

			
				<a class="c-button c-button--inverse" href="#">
	Reserveer tickets
	<span class="c-button__decoration" aria-hidden="true"></span>
</a>

Outline

px 

			
				<a class="c-button c-button--outline" href="#">
	Reserveer tickets
	<span class="c-button__decoration" aria-hidden="true"></span>
</a>

Small

px 

			
				<a class="c-button c-button--small" href="#">
	Reserveer tickets
	<span class="c-button__decoration" aria-hidden="true"></span>
</a>

Documentation

Modifiers

  • c-button--small

    This modifier will reduce the size of the button.