Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.
The documentation is in the docs directory, it serves as the demo as well.
Browse online documentation here.
You need Vue.js version 2.5+.
npm install buefy
Bundle
import Vue from 'vue';
import Buefy from 'buefy';
import 'buefy/dist/buefy.css';
Vue.use(Buefy);
or Individual Components
import Vue from 'vue'
import { Field, Input } from 'buefy/dist/components'
import 'buefy/dist/buefy.css'
Vue.use(Field)
Vue.use(Input)
or
import Vue from 'vue'
import Field from 'buefy/dist/components/field'
import Input from 'buefy/dist/components/input'
import 'buefy/dist/buefy.css'
Vue.use(Field)
Vue.use(Input)
<link rel="stylesheet" href="//cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css">
If you want to customize the icons or the theme, refer to the customization section on the documentation.
<!-- Buefy CSS -->
<link rel="stylesheet" href="https://unpkg.com/buefy/dist/buefy.min.css">
<!-- Buefy JavaScript -->
<script src="https://unpkg.com/buefy/dist/buefy.min.js"></script>
Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+ is only partially supported.
While it’s still in beta, version will follow v0.Y.Z, where:
Buefy is an open source MIT project if you are interested in supporting this project, please consider becoming a patron.
<img src="https://c5.patreon.com/external/logo/become_a_patron_button.png" alt="Become a Patron" />
Code released under MIT license.
Copyright ©, Rafael Beraldo.