active-bulma

1.0.0 • Public • Published

A TINY JAVASCRIPT FILE TO ACTIVETE BULMA CSS FRAMEWORK MODAL AND NAVBAR BURGER.

  1. for the modal, call directky in HTML for the toggleModal() fonction. Example:
        <div class="modal">
                <div class="modal-background" onclick="toggleModal()"></div>
                <div class="modal-content">
                    <h4 class="title is-4 modal-text">This is the modal.</h4>
                        <h5 class="title is-5 modal-text">You can close it by pressing on the background or the X button on the upper right.</h5>
                </div>
                <button class="modal-close is-large" aria-label="close" onclick="toggleModal()"></button>
                </div>
                <div class="has-text-centered">
                    <button class="button is-outlined is-info" onclick="toggleModal()">Activate Modal</button>
                    
        </div>
  1. for the navbar, call directly in the HTML for the activeBurger() fonction.

Example:

```
        <div class="navbar-burger burger" onclick="activeBurger()">
            <span></span>
            <span></span>
            <span></span>
        </div>
```

Readme

Keywords

Package Sidebar

Install

npm i active-bulma

Weekly Downloads

0

Version

1.0.0

License

MIT

Last publish

Collaborators

  • gabrielmichaeli