placeholder placeholder


Different examples and usge of Buttons


Button Button Button

Simple Button direct from HTML

This is an example of a button: Example

Adaptable Button

This adapts to the size of its column.

Using buttons

Button is created with an include:

{% include button.html label="Button" link="/" type="external" %}


  • label: The text that is shown in the button
  • link: The link where the buttons points towards
  • (optional) type: The type of button. Can be: external, download, or internal
  • (optional) no-icon: removes the icon altogether

Or directly with html:

  class="button is-rounded is-dark { % if == page.url % } is-active { % endif % }"
  <span class="icon is-small">
    <i class="fas fa-chevron-right"></i>