Buefy是一个基于Bulma框架和设计的Vue.js响应式UI组件轻量级库

网友投稿 1822 2022-11-05

Buefy是一个基于Bulma框架和设计的Vue.js响应式UI组件轻量级库

Buefy是一个基于Bulma框架和设计的Vue.js响应式UI组件轻量级库

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.

Features

Keep your current Bulma theme / variables easilySupports both Material Design Icons and FontAwesomeVery lightweight with none internal dependencies aside from Vue & BulmaAbout 60KB min+gzip (with Bulma included)Semantic code outputFollows Bulma design and some of the Material Design UXFocus on usability and performance without over-animating stuff

Documentation

The documentation is in the docs directory, it serves as the demo as well.

Browse online documentation here.

Quick start

You need Vue.js version 2.5+.

1 Install via npm

npm install buefy

2 Import and use Buefy

import Vue from 'vue';import Buefy from 'buefy';import 'buefy/lib/buefy.css';Vue.use(Buefy);// ORVue.component(Buefy.Checkbox.name, Buefy.Checkbox);Vue.component(Buefy.Table.name, Buefy.Table);Vue.component(Buefy.Switch.name, Buefy.Switch);

3 Include Material Design Icons

If you want to customize the icons or the theme, refer to the customization section on the documentation.

Alternatively, you can use a CDN or even download

// Global variableVue.use(Buefy.default)

Browser support

Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+ is only partially supported.

Versioning

While it's still in beta, version will follow v0.Y.Z, where:

Y: Major (breaking changes)Z: Minor or patch

Current roadmap

https://github.com/buefy/buefy/issues/458

Stay in touch

Twitter

Collaborators

Walter Tommasi — @jtommyAntério Vieira — @anteriovieira

License

Code released under MIT license.

Copyright (c) 2017, Rafael Beraldo.

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Spring Security授权_编写查询权限方法
下一篇:350. 两个数组的交集 II
相关文章

 发表评论

暂时没有评论,来抢沙发吧~