Questions tagged [buefy]

Buefy is a library of lightweight UI components for Vue.js based on Bulma (a Sass-based framework for the flexbox era of CSS). Use this tag for questions about using the Buefy library. Do not use this tag if you are not using Vue.js. Not to be confused with "beautify", the term for cleaning up code so that it complies with a certain visual layout preferences.

Buefy is a library of lightweight UI components for Vue.js based on Bulma (a Sass-based framework for the flexbox era of CSS). Use this tag for questions about using the Buefy library.

View the Buefy Documentation for info or help on getting started with using Buefy with Vue.js.

251 questions
17
votes
2 answers

What is a triple greater than selector in css?

I saw the following CSS code with what appears to be a triple greater than selector. .b-table >>> .table-wrapper { overflow-x: auto; } I know it's referencing a Buefy table component and applying a specific style to elements that have a…
Dan Mandel
  • 637
  • 1
  • 8
  • 26
7
votes
2 answers

Draggable table with bootstrap vue

I have been looking for a way to drag and drop rows on a Bootstrap Vue table. I was able to find a working version here: Codepen I have tried to implement this code to my own table: Template:
Ari
  • 388
  • 1
  • 5
  • 21
6
votes
1 answer

How to use nuxt-link tag in Buefy?

In Buefy navBar component item element have job It render standart a html tag. When clicked, page reloaded. I want use nuxt-link Nuxt tag whithout reloading page. This code works, but i got…
Ilya Vo
  • 2,239
  • 3
  • 18
  • 31
6
votes
7 answers

Filter input text to enter only number and not even decimal

My goal is for the user to only enter number from [0-9] not even decimal is allowed How to do that? The code The…
sinusGob
  • 4,053
  • 12
  • 46
  • 82
6
votes
4 answers

Font awesome icons in buefy

I'm trying to switch my project from bulma + jQuery to buefy. I load buefy, vue and font awesome from a cdn. (buefy@0.6.7, vue@2.5.17, font awesome 5.2.0). The main problem I have with icons. My project uses font awesome icons. And default buefy…
Роман Коптев
  • 1,555
  • 1
  • 13
  • 35
6
votes
1 answer

How to test CSS Framework custom components with vue-test-utils

I'm using the Buefy CSS Framework, which provides custom vue-js components such as and , and I've come across a problem testing the tag. import { shallowMount, createLocalVue } from '@vue/test-utils' import…
Rich
  • 301
  • 4
  • 9
5
votes
1 answer

Customizing Buefy with SASS in vue.js

I'm a beginner at this and I'm struggling with changing style for buefy elements. In particular the buefy tabs. In my component, I've got this style: