O'Reilly logo

Creating Interfaces with Bulma by Dave Berning, Aslam Shah, Mikko Lauhakari, Oleksii Potiekhin, creator of Bulma Jeremy Thomas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 10. Using Bulma with Vanilla JavaScript

Bulma does not come with any JavaScript implementation out of the box. In this chapter, however, you will learn how to control different components of the admin template using Vanilla JavaScript. If you’ve been following along, this chapter will be covering the following components that are used in the admin template:

  • Report a Bug Modal
  • Mobile Menu Toggle
  • Notifications
  • Dropdowns
  • Delete a book
  • Delete a customer

Report a Bug - Modal

In order to create the Report a Bug modal, you need the following components:

  • A Button element
  • Bulma’s Modal component
  • Bulma’s Notification element

Note: To see the full code of the example used in this book take a look at the book’s accompanying GitHub page.

For ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required