Bulma: The Bulma package does not come with any JavaScript. WHY????

[ivanhuay]

Overview of the problem

feature
This is about the Bulma Javascript

Description

Most frameworks come with some built-in javascript. Implementing javascript for bulma in each project is uncomfortable and slow. There should be a bulma.js file with what is needed for the framework.

Steps to Reproduce

1. Try to make a navbar and navbar-burger without writing javascript

Expected behavior

Bulma should include bulma.js

Actual behavior

Bulma.js file does not exist

[kevinvdburgt]

This is a css framework only, and it is the reason why i love this project ❤️

There are some javascript snippets documented here, check the Javascript toggle.

From the README.md;
__There is no JavaScript included. People generally want to use their own JS implementation (and usually already have one). Bulma can be considered "environment agnostic": it's just the style layer on top of the logic.__

[ekid]

Written by Edgard Rosberg Duarte Leal:

$("#showModal").click(function() {
  $(".modal").addClass("is-active");  
});

$(".modal-close").click(function() {
   $(".modal").removeClass("is-active");
});

[InstanceOfMichael]

Although some small/simple tutorials on how to use with common frameworks would be nice. Some new users may need them to understand how to use a JS-agnostic framework.

[minimallinux]

Hi, you can have a hamburger nav bar with Bulam without having to use their navwalker if using Wordpress (or HTML) Just use hamburgers https://github.com/jonsuh/hamburgers which you can also install via NPM, and if you haven't got a menu I wrote one which easily uses hamburgers at https://github.com/minimallinux/mobilemenu2, you can easily replace the fa-bars with hamburger (and probably remove the border on it in css) and replace the standard javascript with an additional bit of jQuery to fade/toggle or whatever the primary_nav div. Menu is easy to style/restyle and there are a good choice of different hamburger versions to go at. I just used it with Bulma and it is working fine.

[micah1701]

Nothing fancy, but a simple example of some JS I made turns a menu into an expandable/collapsible menu https://gist.github.com/micah1701/a8cd47df56985a61e91a9d46c91d4df2 a dozen or so lines each of JS and additional CSS

[VizuaaLOG]

Bit of shameless promotion here ;)

I created and maintain a vanilla JS package for Bulma.

It has some common JS integration along with some other extensions. While I wouldn't recommend using it in any major production environment (as it is still in development), I am using it in production without issues.

BulmaJS docs

If you have any questions or issues. Please feel free to open an issue on that repo.

End of shameless promotion ;)