Buefy — Loading Indicator and Menu

Photo by Erik-Jan Leusink on Unsplash

Buefy is a UI framework that’s based on Bulma.

In this article, we’ll look at how to use Buefy in our Vue app.

Loading Indicator

We can add a loading indicator with the b-loading component:

<template>
<div id="app">
<b-loading is-full-page v-model="isLoading" :can-cancel="true"></b-loading>
</div>
</template>

--

--

--

Web developer. Subscribe to my email list now at https://thewebdev.info/subscribe/. Email me at hohanga@gmail.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to Include Environment Variables in Your React App

How to Make a Whiteboard App with React Konva

The Open Movie Database(OMDb) for fetch movie data

Getting Started with Testing with Jasmine

Server-Side Development with Fastify — Response Serialization and Request Validation Error Handling

What the heck are callbacks? Promises? Async\Await? — what a MESS

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
John Au-Yeung

John Au-Yeung

Web developer. Subscribe to my email list now at https://thewebdev.info/subscribe/. Email me at hohanga@gmail.com

More from Medium

Deep Dive into Data structures using Javascript — Circular Doubly Linked List — Şahin Arslan

Multiple Pointers Using JavaScript

Javascript: Basics 101 — Variables & execution context.

How does a JS program gets executed