Lightweight UI components for Vue.js based on Bulma CSS Variables
npm install buefy-css-variables> Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.
This package has been deprecated.
Please find new and updated Bulma and Buefy styles with CSS Variables at @bulvar/buefy
* Uses CSS variables and have Bulma CSS Variables as dependency
* Keep your current Bulma theme / variables easily
* Supports both Material Design Icons and FontAwesome
* Very lightweight with none internal dependencies aside from Vue & Bulma
* About 88KB min+gzip (with Bulma included)
* Semantic code output
* Follows Bulma design and some of the Material Design UX
Focus on usability and performance without over-animating* stuff
The documentation is in the docs directory, it serves as the demo as well.
Browse online documentation here.
You need Vue.js version 2.6+.
``bash`
npm install buefy
Bundle
`javascript
import Vue from 'vue';
import Buefy from 'buefy';
import 'buefy-css-variables/dist/buefy.css';
Vue.use(Buefy);
``
or Individual Componentsjavascript
import Vue from 'vue'
import { Field, Input } from 'buefy'
import 'buefy-css-variables/dist/buefy.css'
Vue.use(Field)
Vue.use(Input)
`
`html``
If you want to customize the icons or the theme, refer to the customization section on the documentation.
Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+ is not supported due to the use of CSS variables.
Please see the contributing guidelines
Version will follow v0.Y.Z, where:
* Y: Major (breaking changes)
* Z: Minor or patch
Walter Tommasi |
Special thanks to Rafael Beraldo, the original author.
This project follows the all-contributors specification. Contributions of any kind welcome!
Code released under MIT license.