Button utilities

Utilities for buttons such as icons, links, sizes, and disabled buttons.

---

Buttons with icons

Just add the class has-icon and the icon.

<button class="button button-primary has-icon">
  Primary <your-icon>
</button>

---

Links

Link defaultLink primaryLink secondaryLink tertiaryLink infoLink dangerLink successLink warningLink grayLink dark

Other options is-primary, is-secondary, is-tertiary, is-info, is-danger, is-success, is-warning, is-white, is-gray, and is-dark.

<button class="link info">
  Link
</button>

---

Button sizes

<button class="button button-primary is-small">
  Small
</button>

<button class="button button-primary">
  Normal
</button>

<button class="button button-primary is-large">
  Large
</button>

---

Button icons

Just add the attribute is-button-icon.

<button class="button button-primary is-button-icon">
  <icon />
</button>

---

Disabled buttons

Just add the attribute disabled.