placeholder placeholder

Buttons

Different examples and usge of Buttons

Button

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" %}

Parameters:

  • 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:

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