BulmaJS
This is an unofficial JavaScript extension for the Bulma CSS framework.
BulmaJS is still in development, you can keep track of current, pending, completed and planned tasks on the official Trello board.
tl;dr GIMME THE DOCS! Well here you go.
Bulma is an excellent CSS framework and the perfect alternative to Bootstrap. One of the great things about Bulma is that it's JUST CSS; there is no JavaScript included. This makes it super lightweight. Some components do require JavaScript however, and that is where BulmaJS comes in!
BulmaJS is written in ES6 and provides a plugin based system for adding interaction to the CSS components. BulmaJS is an ongoing project. As new components are added to Bulma, if they require JavaScript then they will also be added to BulmaJS. We are not limited to the core components though. If you have a plugin you would like incorporated, please submit a PR. If you have written a CSS extension to Bulma and would like some JS written, please submit an issue and we may write the JS functionality for you.
Contributing
If you would like to contribute a plugin, fix a bug or fix some horrible typo in the docs, then please submit a PR if you can! Alternatively, create an issue. Please note, while the code base doesn't follow any strict style, try to ensure your PRs follow the general convention that you see. There may be times the convention isn't followed, so if you see this submit an issue/PR and slap me on the wrist :). Any PR/issue at this time will not be rejected but may have some alteration to the code.
If you are submitting a plugin, please also submit the relevant documentation.
Additional plugin ideas
These are some ideas for additional plugins. These ideas are inspired from other similar libraries/frameworks.
If anyone has other ideas for plugins, please leave a comment. If it would suit this project well then I'll include it in the above list.
[Feature request] Panel tabs
BulmaJS already supports generic tabs: https://bulmajs.tomerbe.co.uk/docs/0.10/2-core-components/tabs/
But this won't work and can't be used with
panel-tabs
used in panelAlert plugin improvements
Hi,
I think the alert plugin is a little too opiniated. It would be great if we could customize it a little bit more.
For instance :
What I suggest is adding a few more options. Maybe an object for the buttons ?
To prevent the modal from being destroyed on onConfirm() and onCancel(), I suggest adding two more options :
To target the button that was clicked on onConfirm() and onCancel() events, I suggest adding the event as a parameter on the 'click' event listener callback of the cancel and confim buttons. Like so:
I have some of these features already coded, I can submit a PR if you're OK with the suggestions.
Waiting for your feedback, thanks !
Navbar Burger missing is-active class
I think it would be an improvement to add the is-active class to the burger button - currently, it only applies the is-active class to the navbar-menu. If you would like I can work on a merge request.
https://bulma.io/documentation/components/navbar/#navbar-burger
Dropdown menu in navbar
It seems there is support for standalone Dropdown (Bulma, BulmaJS) but not Dropdown menu (Bulma) from the Navbar (which is very different).
So would it be possible to support Dropdown menu in navbar?
Versions
Example of importing selected components
Hi, thanks for developing this. This is a newbie question, but I am trying to create a bulma.js that includes just the dropdown, file, and navbar components.
I read the [https://bulmajs.tomerbe.co.uk/docs/0.10/1-getting-started/2-installation/](documentation here).
I downloaded the project locally, ran
npm install
, and then editedsrc/bulma.js
as follows:Now I want to generate a new version of bulma.js in dist, but I don't know what command to use.
I would appreciate any help you can provide.
Object doesn't support property or method 'forEach'
Versions BulmaJS: Browser: IE11 Operating system: windows 10
Describe the bug Object doesn't support property or method 'forEach' check screen shot
Screenshots If applicable, add screenshots to help explain your problem.
SyntaxError: 'import' and 'export' may appear only with 'sourceType: module'
Versions BulmaJS: 0.7.0 Browser: Chrome Operating system: Mac
Describe the bug After npm install, I cannot get the ES6 import to work. I get:
SyntaxError: 'import' and 'export' may appear only with 'sourceType: module'
I'm using browserify, babel and gulp:
with the following config:
Note: import * as _ from 'underscore' does not throw this error, which led me to believe there may be an error with the package exports?
NPM package is 0.3.1, missing 0.4
Hello, your NPM package seems to be out of sync and does not contain the 0.4.0 version. Found this out when I tried to include tabs but tabs key could not be found.
https://www.npmjs.com/package/@vizuaalog/bulmajs
Great job !!!
Nice to see that you are moving forward with the idea .... I can add a comment .. not to pollute the global Object space. Rather .. wrap as function and return. Let the users to decide how they want implement it.
I would say put that into an example or documentation ....
https://github.com/VizuaaLOG/BulmaJS/blob/6a16f5bf82b58b2171f3d4643c6d040d245f6cbb/src/notification.js#L206
Window is not defined when using nextjs
Versions BulmaJS: 0.12.1 Browser: Brave 0.12.1 and Google Chrome 87.0.4280.77 (iOS) Operating system: Linux, KDE Neon
Describe the bug When importing BulmaJS in a Next.js application the page doesn't render with the error message written in the title.
To Reproduce Steps to reproduce the behavior:
import Bulma from '@vizuaalog/bulmajs';
yarn dev
ornpm run dev
ornext dev
Expected behavior I expected BulmaJS to load without any issues.
Screenshots

Not sure if this is something related to Next.js as I haven't tried with another framework or even vanilla html.
Bump decode-uri-component from 0.2.0 to 0.2.2
Bumps decode-uri-component from 0.2.0 to 0.2.2.
Release notes
Sourced from decode-uri-component's releases.
Commits
a0eea46
0.2.2980e0bf
Prevent overwriting previously decoded tokens3c8a373
0.2.176abc93
Switch to GitHub workflows746ca5d
Fix issue where decode throws - fixes #6486d7e2
Update license (#1)a650457
Tidelift tasks66e1c28
Meta tweaksDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Bump loader-utils from 1.4.0 to 1.4.2
Bumps loader-utils from 1.4.0 to 1.4.2.
Release notes
Sourced from loader-utils's releases.
Changelog
Sourced from loader-utils's changelog.
Commits
331ad50
chore(release): 1.4.217cbf8f
fix: ReDoS problem (#226)8f082b3
chore(release): 1.4.14504e34
fix: security problem (#220)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Bump minimatch from 3.0.4 to 3.1.2
Bumps minimatch from 3.0.4 to 3.1.2.
Commits
699c459
3.1.22f2b5ff
fix: trim pattern25d7c0d
3.1.155dda29
fix: treat nocase:true as always having magic5e1fb8d
3.1.0f8145c5
Add 'allowWindowsEscape' option570e8b1
add publishConfig for v3 publishes5b7cd33
3.0.620b4b56
[fix] revert all breaking syntax changes2ff0388
document, expose, and test 'partial:true' optionDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Bump terser from 4.8.0 to 4.8.1
Bumps terser from 4.8.0 to 4.8.1.
Changelog
Sourced from terser's changelog.
Commits
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
CDN to allow more accessibility regarding installation
Is your feature request related to a problem? Please describe. While there's the ES5 way which isn't recommended, my project is not made with Node stuff yet I have started to rewrite the frontend to use Bulma.
Describe the solution you'd like Having BulmaJS hosted on a CDN (eg: cdnjs), where it can be easily be installed by people by putting a script link(?) in the HTML head tag.
Multiple Dropdowns
Describe the solution you'd like
If I have multiple dropdowns, which you open/close by click (not by mouseover), then it would be great to have some kind of option to close every other dropdown when you open another dropdown.