Questions tagged [buefy]

Buefy is a fantastic collection of streamlined UI elements designed for Vue.js and built on top of Bulma, which is a CSS framework that utilizes Sass for the modern flexbox era. For queries related to implementing the Buefy library, feel free to utilize this tag. Please refrain from using this tag if you are not working with Vue.js. Also, please note that "beautify" refers to organizing code to adhere to specific visual preferences, and should not be confused with Buefy.

Issue with displaying Buefy Material Design icons when using the b-icon component

This is my first time using Buefy I encountered an issue with the b-icon component, Rather than displaying the icon, I saw an empty block element which was confusing. Switching to a different icon pack did not resolve the problem either. ...

vue.jsmaterial-designbuefymaterial-design-icons

having trouble adjusting the width of the buefy modal

Currently, I am working with vuejs alongside bulma and buefy. Specifically, I am utilizing the buefy modal feature and attempting to customize the modal width by utilizing its 'width' property. Thus far, I have attempted specifying the width in t ...

javascriptvue.jsbulmabuefy

Content is not appearing within the component when using a router-link

I'm encountering some troubles with the router-link functionality in my project. Here is a breakdown of what I have: Routes.js: import Homepage from './components/homepage/Homepage' import About from './components/About' export ...

laravelvue.jsvue-routerbuefy

Clearing Buefy input in VueJS after an event: Here's how

I have encountered an issue while trying to clear Buefy input using an event. Strangely, the code works perfectly fine with basic input components. Below is my HTML code snippet: <b-field> <b-input id="itemForm" placeholder="label" ...

inputvue.jsbulmabuefy

Using Font Awesome icons with Buefy for beautiful designs

Currently, I am in the process of transitioning my project from utilizing bulma + jQuery to buefy. The resources I am loading include buefy, vue, and font awesome from a CDN. However, despite specifying the defaultIconPack as 'fas' for font awesome, the ic ...

vue.jsfont-awesomebuefy

Troubleshooting problems with Bootstrap datepicker in a Vue project

I am facing a problem with the b-datepicker feature while trying to select a date. The dates are not appearing correctly, as shown in the image linked below. Here is my code: <b-form-group class="my-3" > <b-input-group> ...

htmlvue.jswebbootstrap-4buefy

Strategies for extracting taginput information from an API

I have a collection of tags stored in a database that I can retrieve using an API. Although I am able to use these tags within my template, I am facing issues specifically when trying to display them in the tag list. As someone who is new to Vue.js, I sus ...

vue.jsbuefy

Ways to broaden the map of a variable in SCSS

Currently, I am utilizing a package known as Buefy, which acts as a Vue.js wrapper for the Bulma CSS framework library. Within Buefy's template components, there is an attribute/property called type (e.g., type="is-warning"). According to the documentation ...

cssvue.jssassbulmabuefy

Unable to include Buefy or Bulma in a Vuejs project

I am working on a Vue.js project and I would like to incorporate the Bulma framework and possibly Buefy as well. To start, I used the commands npm install bulma and npm install buefy In the main.js file, my setup looks like this: import Buefy from 'buef ...

vue.jsbulmabuefy

What is the best way to add a background color to a buefy table?

I'm looking to add the Bulma class "has-background-color-dark" to my table structure shown below: <b-table :data="data" :columns="columns"></b-table> Any assistance would be greatly appreciated. Thank you. ...

vue.jsbuefy