Button

Bulma button wrapper with style modifiers and safe href fallback behavior.

Bulma Pattern

This wrapper follows Bulma's Elements markup. Compare class behavior with the official Bulma docs.

Supported tags

<button>

Example

<button primary large>Primary action</button>
<button outlined>Secondary action</button>
<button href="/docs/getting-started">Safe anchor mode</button>

Usage Notes

  • Renders `<a>` when `href` is safe and present.
  • Falls back to `<button>` for unsafe or empty `href` values.
  • Supports Bulma states such as `loading`, `active`, and `rounded`.
Back to Components

Maintained by aldi

The source code is licensed under MIT.

Available on GitHub and npm.