Lightweight UI Components For Vue.js – buefy

Description:

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 easily
• Supports both Material Design Icons and FontAwesome
• Very lightweight with none internal dependencies aside from Vue & Bulma
• Semantic code output
• Follows Bulma design and some of the Material Design UX
• Focus on usability and performance without over-animations

Preview:

Changelog:

v0.9.7 (04/21/2021)

• Add transition appear to tabs/steps
• Add draggable-column prop to table
• Fix bugs

v0.9.6 (04/08/2021)

• Fix datetimepicker timezone
• Fix datepicker when append-to-body and auto open when value change
• Fix remove outline from step-item and tab-item on focus
• Fix first option selected on taginput when autocomplete

v0.9.5 (03/31/2021)

• Shipped with Bulma 0.9.2
• Add rounded prop to Upload
• Add icon-right-type prop to Input
• Add icon-right prop to Datepicker
• Add cancel-text prop to Snackbar
• Add indefinite prop to Toast
• Automatically select hovered option on blur for Autocomplete
• Add aria-label prop to Modal
• Add alt attribute to placeholder image
• Add caption slot to Image
• Add defaultSwitchRounded default configuration option
• Add detail-transition prop to Table
• Accept Date as values for Select
• Display events on unselectable Datepicker cell
• Add aria-minus-label and aria-plus-label functions for b-numberinput
• Add th-attrs and td-attrs functions for b-table
• Improve a11y on tab component
• Bugs fixed

v0.9.4 (01/06/2021)

• Shipped with Bulma 0.9.1
• Add is-light variant to tooltip
• Add support for multiple progress bars
• Add cellclick event to b-table
• Add controls-alignment prop to Numberinput
• Add left-label prop to switch component
• Add indicator prop to show Slider value inside thumb
• Add autoFocus prop to Modal
• Add aria-close-label prop to Taginput
• Support locale in Slider
• Add sticky-checkbox option to b-table
• Add rounded prop to table pagination
• Add tooltip-always prop for Slider component
• Add #header slot inside of b-message to place a custom header
• Add week-number-click event to Datepicker
• Add toggleDetails to default Table slot
• Add invalid event to Upload
• Add custom-search prop to table column
• Add aria-label prop
• Bugfix

v0.9.3 (09/03/2020)

• Add animation prop to steps and tabs
• Add range to datepicker when type is month
• Add after-enter and after-leave events tp modal
• Add min-step prop to number input
• Add lazy prop to input
• Add centered propt to navbar
• Add new progress bar text color
• Bugs fixed

v0.9.2 (08/21/2020)

• Add group-label and group-options prop to autocomplete and taginput
• Add support to vnode array on programmatic component using message prop
• Add defaultTooltipDelay constructor option
• Add contextmenu event to tooltip triggers
• Add alt, src-fallback and error prop to image
• Add append staticClass to tooltip when append-to-body
• Bugs fixed

v0.9.1 (08/18/2020)

• Add is-expanded class to menu item
• Bugs fixed

v0.9.0 (08/16/2020)

• Vue.js 2.6+ is now the minimum required version
• Bulma 0.8.0 and 0.9.0
• Table, new default slot and table column syntax

v0.8.20 (05/26/2020)

• Add close-on-confirm prop to dialog
• Fix typo activeStep variable
• Fix open autocomplete on clearable icon when open-on-focus

Download Details:

Author: rafaelpimpa

Live Demo: https://buefy.github.io/#/

Download Link: https://github.com/rafaelpimpa/buefy/archive/master.zip

Official Website: https://github.com/rafaelpimpa/buefy

Install & Download:

npm install buefy

You Might Be Interested In: