- Migrated entire codebase to Bulma v1.0.3 for modernized styling and layout.
- Deprecated Sass global built-in functions; replaced with modern equivalents.
- Removed legacy
bulmacssvarsand outdated style references. - Replaced all
valueprops withmodelValueacross components to align with Vue 3 standards. - Programmatically mounted components (e.g.,
Modal,Dialog,Snackbar) now require standalone Vue apps and cannot use plugins. StepItem,CarouselItem, andTabItemnow require explicitorderprops to maintain consistent rendering order.
- Introduced a new color system for Buefy v3 documentation and component theming.
- Added support for Cleave.js as a directive for input formatting.
- Updated all style variables and documentation to reflect Bulma v1 conventions.
- Resolved SCSS issues in
Dropdown,Navbar, andInputloading states. - Fixed deprecated Sass usage and lint/type check errors across the codebase.
- Updated unit tests to reflect new architecture and styling.
- Updated documentation for Sass and CSS variable usage.
- Refreshed component style variable references and examples.
- Migrated interactive examples to StackBlitz and updated Netlify deploy previews.
- Merged 28 commits for Bulma v1 migration and v3 release.
- Bumped version to
v3.0.0and updated changelog accordingly. - Cleaned up dev dependencies and workflows for modern build tools.
- #4139 Fixed various bugs in the
Autocompletecomponent. - #4189 Fixed
Clockpickernot closing properly and removed theautoSwitchprop. - #4156 Exported
SnackbarOpenParamstype for better TypeScript support. - #4176 Fixed issues in the
ImproveThiscomponent. - Removed deprecated high contrast styles and references.
- Removed accidental dependencies and cleaned up unused references to
buefy-next.
- #4142 Updated documentation for Vue 3 components.
- #4193 Cleaned up README content and formatting.
- Updated social and Discord links across documentation.
- Migrated interactive examples from CodePen to StackBlitz.
- #4173 Version bump: package.json version set to 1.0.2
- #4197 Update Changelog for version 1.0.2
- #4184 Added
bulmaas a direct dependency of Buefy. - #4192 Cleaned up StackBlitz integration and dev dependencies.
- #4196 Implemented Carbon Ads integration.
- Updated workflows and access levels for dev packages.
- Added reference to
ClockpickerFacecomponent. - Added Buefy Collective metadata for community support.
- #4135
Tooltipintroduced a new variantis-autofor thepositionprop and made it the new default.
- Updated workflows and scripts to reference the package as "buefy" instead of "@ntohq/buefy-next".
- Updated main repo references:
- package.json now points to the new repository and issues URLs.
- Linting, type check, and unit test scripts reference "buefy" workspace.
- All configuration and ignore files renamed/moved from buefy-next to buefy.
- README installation and usage instructions updated to use buefy as the npm package.
- Documentation now references buefy instead of @ntohq/buefy-next everywhere.
- Clarified developer release installation instructions and naming conventions in the README.
- Version bump: package.json version set to 1.0.1.
- jsconfig updated to reference new source directory.
- Large updates to package-lock.json and workflow YAML files to match new structure.
1.0.0 depricated
This version was published more than 8 years before the intended release of Buefy 1.0 and does not represent the official, stable v1. It was released prematurely and lacks the features, structure, and design decisions that define the true Buefy v1.0.0
Please upgrade to v1.0.1 or newer to access the latest architecture, complete documentation, and active support.
Buefy-next 0.2.1 is now compiled with Vue 3.4.13, so the recommended Vue version is 3.4.13 or higher.
- #274
Table, andTabscaused memory leaks on Vue 3.5.SlotComponentwhich is internally used byTable, andTabsceased adding the update hook to the component specified to thecomponentprop, and dropped theeventprop. - #429
Numberinputmay have accepted an invalid number as valid with Vue 3.4.28 or higher. - #434 The multi column sorting feature of
Tabledid not work since Buefy-next v0.2.0. - #460 The
editableprop ofClockpickerdid not work (thanks @Moritz-Schmidt) - #461 The initial value of
Clockpickerwas not rendered (thanks @Moritz-Schmidt) - #461
Clockpickerdid not work on a mobile device
- #191 A warning message was added to the
Tabledocumentation to inform that specifying an inline arrow function to thetd-attrsprop will cause infinite updates. - #435 The issue that an example of
Cleave.jsin the documentation for extensions did not work was fixed.
- #151 Buefy-next was completely rewritten in TypeScript. The migration to TypeScript itself is not a breaking change as you can continue to use it in plain JavaScript projects. It just enhances the type checking capability which was partially provided in the past versions.
- #17
DropdownandDropdownItemgot an unnecessarytabindexattribute. - #271
Selectdid not run HTML5 validation after emitting a "blur" event. - #357
MenuItememitted "update:expanded" events with a wrong value. - #372
TimepickerMixinwas using the obsoletevalueprop instead ofmodelValue.
- #266 Update buefy.org links in README.md (thanks @uturnr)
- #279 update installation for nuxt 3 (thanks @zhaolinlau)
- #19
MenuItem'sactiveprop was renamed tomodelValueso that Vue 3'sv-modelworks. And anupdate:modelValueevent is emitted instead of anupdate:activeevent when themodelValueprop is changed.
- #256
MenuListwarned missing<b-icon> - #257 The root index file had a meaningless
use(Buefy)call - #34
Colorpickeraccessed the undefinedmobileNativeproperty causing console warning - #35
Colorpickerwarned missing<b-button> - #40
Tagwarned missing<b-icon> - #23
Datetimepickerwarned missing<b-input> - #24
Messagewarned missing<b-progress> - #241
Clockpickerlacked the.vueextension in the import path ofClockpickerFace.vue, andNotificationNoticealso lacked the.vueextension in the import path ofNotification.vue(thanks @cwilby) - #182 A console warning appeared when a
Modalwas programmatically opened with a custom component - #177 All the components had meaningless
use(...)calls
- #178
CodepenEditcaused console warning due to invalidthis.styleaccess - #171
bluebirdrequired a workarouond to work with Vite
Buefy-next 0.1.3 includes all the relevant changes until Buefy 0.9.29.
- You can no longer install
@ntohq/buefy-nextdirectly from the GitHub repository. You can try developer releases instead. See https://github.com/ntohq/buefy-next/pkgs/npm/buefy-next
-
The following components introduce a new prop
compat-fallthrough, which determines whether theclass,style, andidattributes are applied to the root element or the underlying element. Ifcompat-fallthroughistrue, they are applied to the root element, which is compatible with Buefy for Vue 2. The default value can be controlled by thedefaultCompatFallthroughconfig option (trueby default). #16-
BAutocomplete:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to the underlyingBInput. -
BBreadcrumbItem:If
compat-fallthroughistrue, the attributes fall through to the root<li>element, otherwise to the underlying tag. -
BClockpicker:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to the underlyingBInput. -
BDatepicker:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to the underlyingBInput. -
BInput:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to either of<input>or<textarea>element. -
BMenuItem:If
compat-fallthroughistrue, the attributes fall through to the root<li>element, otherwise to the underlying tag. -
BNavbarDropdown:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to the underlying tag. -
BNumberinput:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to the underlying<b-input>component. -
BSelect:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to the underlying<select>element. -
BSliderThumb:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to the inner<div>element. -
BTable:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to the underlying pagination components. -
BTaginput:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to the underlyingBAutocompletecomponent. -
BTimepicker:If
compat-fallthroughistrue, the attributes fall through to the root<div>element, otherwise to the underlyingBInput. -
BUpload:If
compat-fallthroughistrue, the attributes fall through to the root<label>element, otherwise to the underlying<input>element.
-
-
BCarouselItem,BStepItem, andBTabItemintroduce a new proporder, which determines the order of each child item. By default, the order of each child item is determined by the sequence in which each child item is mounted. If any child item is unmounted and mounted again, the order may be changed (BREAKING CHANGE). You have to give explicitorderif you want to maintain the order of child items consistent.
- Fix #163 Missing
BMenuListin production (thanks @dword-design) - Fix #124 Progress bar in
BNotificationcomponent was not showing, when programmatically opened (thanks @zhanghengxin) - Fix #131 Typo in the
copyAppContexthelper function. Programmatically opened components may be affected; e.g.,BModal. - Fix #153
useI18ndid not work in a setup script within the context of a programmatically openedBModal - Fix #16 Vue Compat: deprecation INSTANCE_ATTRS_CLASS_STYLE
- Fix #197 Migrated
BSkeletonto Vue 3 functional component as function (thanks @hirokiky) - Fix #187
BTabsdid not work in SSR due towindowaccess - Fix #194
_unregisterItemofProviderParentMixinwould not work if child items did not have value.BCarousel,BSteps,BTabsare affected.
- Fix #5 Horizontal
BFieldwrapped a simple text element with an extraBField - Fix #8
BTablehad an unexpectedtabindexattribute containing "false" - Fix #20
BMenuListcrashed with "TypeError: slots.default is not a function" - Fix #18
BFieldBodycrashed with "TypeError: this.$slots.default is not a function".BFieldmay be affected. - Fix #29 Burger menu of
BNavbarhad an unexpectedaria-expandedattribute with false - Fix #28
BNavbarcrashed with "TypeError: this.$slots.brand is not a function" - Fix #36
BFieldBodycould not resolveBField.BFieldmay be affected. - Fix #44
BSlotComponentcrashed with "TypeError: Cannot read properties of undefined (reading 'default')". Components usingBSlotComponentmay be affected; i.e.,BTable,BTabs. - Fix #33 Thumb of
BSliderhad an unexpectedaria-disabledattribute with "false" - Fix #45
BSlotComponentdid not handle update events from underlying component.BTabItems with a custom header slot may be affected. - Fix #42
BTabsdid not respond to key interactions - Fix #39
BPaginationButtonhad ab unexpectedaria-currentattribute with "false" - Fix #26
BCollapsewarned a non-function value for the default slot - Fix #32, #101 No plugins were available on programmatically opened components:
BDialog,BLoading,BModal,BNotification,BSnackbar, andBToast
- Vue.js 3.0+ is now the minimum required version
v-modelbinding of the following components conform to Vue 3; i.e.,value→modelValue,@input→@update:modelValue. See also MIGRATION-NOTE.md.Autocomplete(#8d9e800adb23a01db0dbffcefad48fab794ac690)Carousel(#b2a8d88db86bfc0a75f48624bbd5f96d82f9f559)CarouselList(#16a2e777010db6c714f3694e03682ce7e74d2be8)Checkbox(CheckRadioMixin) (#c8aad46a709e7f99bc061ba28f2e650c0be223ca)Clockpicker(TimepickerMixin) (#33e4086186446abd6f7ed82fe86b5e029090adb3)Collapseused to have a customv-modelbinding toopenwhich is renamed tomodelValue(#690d28996dd2eecc1e5059f5ef349351c017f533)Colorpicker(#7011781d25761744468220ae4f63fdba1cb93120)Datepicker(#c99a8dd0d4cdc5ae27f5eb0677d7a4e80c45bc1c)Datetimepicker(#c3b8668d300f4d607b1d03973e72e406914ef404)Dropdown(#a18bf8d12d5245427473ad73d51bc7f72ac13a87)Input(#f4f69bae0eef7a604d67e2be059771e929073919)Loadingused to have a customv-modelbinding toactivewhich is renamed tomodelValue(#bf6e9cd680298b1a8b572bdb1d742f9ac0eca769)Message(MessageMixin) used to have a customv-modelbinding toactivewhich is renamed tomodelValue(#d3ec84f1e5f5abef980d2739fe079f2241a71b77)Modalused to have a customv-modelbinding toactivewhich is renamed tomodelValue(#8b05481a20ec8bccb03f1c98ad5556442e79258b)Navbarused to have a customv-modelbinding toactivewhich is renamed tomodelValue(#5bc62ffbeba831f60fe1b755b2e5fe7c5e25d3ed)Numberinput(#768a9573fd1b1eab90b6404ea922374e3bfa327b)Paginationused to have a customv-modelbinding tocurrentwhich is renamed tomodelValue(#33aaf4e15270d24116e0c133868992cf6ae2ca99)Rate(#047536cd47d667a51f0d2b02eabf23a128f99c41)Select(#5b103a54c58fe2aad4240e1adfa64dacba35f66b)Sidebarused to have a customv-modelbinding toopenwhich is renamed tomodelValue(#8b55d7c9d1863b12a2cbc98b0601dc865b56d3e7)Slider(SliderThumb) (#a18bf8d12d5245427473ad73d51bc7f72ac13a87)Steps(TabbedMixin) (#defe37960d284e6de81d3e273e1a18c33b12e2a5)Switch(#1a878a9f7b9851e610329d1f82208d8103505cb2)Tabs(TabbedMixin) (#defe37960d284e6de81d3e273e1a18c33b12e2a5)Taginput(#9e29ecc11439f223a1f8f2d140a495680df14903)Upload(#6f8952ec1389b1f74683f69fb04aac4beae62140)
- A brand-new Vue app is created to programmatically mount the following components.
Any plugins including Buefy itself cannot be used in a programmatically mounted component.
See also MIGRATION-NOTE.md.
Dialog(#a415f3aef052fdc39c5322372ae0f7d8665c6e9f)Loading(#bf6e9cd680298b1a8b572bdb1d742f9ac0eca769)Modal(#8b05481a20ec8bccb03f1c98ad5556442e79258b)Notification(#82136338ca6cdf7be3b4b2d134e457074f5ffcb1)Snackbar(#43193759a7d88d2ba04407fb8829f0e9196ddf83)Toast(#c8643f56d1ecd775e8746f24d8c0ac81dd1df505)
- Indexing of
StepItem, andCarouselItemis changed. Indexes in the default slot are no longer respected. They are indexed in the order of creation instead. You have to specify theorderprop to keep the ordering of items. See also MIGRATION-NOTE.md. (#defe37960d284e6de81d3e273e1a18c33b12e2a5)
- A lot of Vue 3 related errors are fixed. Please refer to MIGRATION-NOTE.md for more details.
- A lot of ESLint errors, and warnings are fixed, as the ESLint rule version has been upgraded.
- The type of the
cancelTextprop ofSnackbaris fixed. It used to beString | null, and ended up with a type error. It is nowString.
- Fix #4017
Tooltip- AbortController is not defined in SSR mode (Nuxt) - Fix #4018 Browser tab froze when
Fieldwith bothgroupedandhorizontalpropstruegot a validation error. However, there is another issue that validation errors cannot be reset once they are set ifgroupedandhorizontalare combined.
- #3862 Expose
isActiveDetailRowmethod in the default scoped slot props of table column (thanks @OrestHk) - #3863 Add
activeevent emitted when dropdown turns active/inactive (thanks @daniil4udo)
- Fix #3961 Dropdown with "hover" trigger incorrectly rendered on mobile devices
- Fix #3963 No dropdown showed up if the data array was empty and only the footer slot was registered (thanks @GMartigny)
- Fix #3971 Problems with table headers and dates due to 0.9.25 → 0.9.27 changes
- Fix #3971 Percentage width on table columns doubly applied
- Fix #3991 Potential call after unmount in the following components (thanks @Arooba-git):
NumberInputSidebar
- Fix #3991 Potential listener leaks in
SliderThumb(thanks @Arooba-git) - Fix #4000 Potential call after unmount in the following components (thanks @Arooba-git):
AutocompleteColorpickerHSLRepresentationSquareColorpickerHSLRepresentationTriangleDropdownSliderTaginputTooltip
- Add
render-on-mountprop to modal - Add
startLoadingandstopLoadingmethods to dialog (thanks @zhanghengxin) - Add drag-and-drop support to table for mobile devices
- Fix dropdown position when autocompleted and appended to body (thanks @francisfontoura)
- Fix b-button nativeType for tag 'input' (thanks @mistersaal)
- Fix #3887 Invalid type error for tags
- Fix #3872 SVG icons too large in Safari
- Fix #3753 and #3065 Tooltip Glitchy
- Fix #3726 Horizontal scrollable table ignores column width
- Fix #2886 and #3034 sort icons on Table overlapped next columns
- Fix #2621 Modal: Display close button in mobile version
- Fix #2681 Table: customSort does not work when sortMultiple is enabled
- Fix #3939 unnecessary component duplication in navbar-item
- Fix #3074 Tag with close in tag list produces unwanted offset
Withdrawn due to missing dist folder in the package.
Include updates on documentation only.
- Add
mobile-modalprop to clockpicker (thanks @julzELO) - Add
input-idprop to checkbox (thanks @ajomuch92) - Add
nearby-month-daysprop to datetimepicker (thanks @gmercey)
- Fix #3826 Disabled radio button has cursor 'pointer' (thanks @amal-qb)
- Fix #3838 Sidebar image not displaying in the documentation (thanks @amal-qb)
- Fix #3780 Expired and broken websites in expo page (thanks @amal-qb)
- Fix #3698 Number input null issue fix (thanks @amal-qb and @navedqb)
- Fix #3782 Numberinput: fix long-press breaking when disabled (thanks @SylvainMarty)
- Fix #3802 Full width sidebar doesn't have a close button (thanks @amal-qb)
- Fix #3876 Datepicker keyboard navigation causes browser hangup
- Fix #3884 Validation error on Input not reset by programmatically correcting the value
- Fix #3883 Validation error on Field with multiple child components (addons) persists after value is corrected
- Drop IE11 support
- Add
trigger-tabindexprop to dropdown (thanks @Spacarar) - Pass Dropdown active state to DatePicker trigger slot (thanks @GMartigny)
- Add
custom-content-classprop to modal (thanks @ajomuch92) - Add
keep-openprop to taginput (thanks @CobraClutch)
- Fix #3786 the calculation of the checkIfReachedTheEndOfScroll when footer is present and using arrow keys to navigate down the list
- Fix scope message/notification auto-close progress style (thanks @gmercey)
- Fix #3433 dropdown trigger-tabindex prop (thanks @Spacarar)
- Fix Use the color-parser props for colorPicker value (thanks @GMartigny)
- Fix #3708 sidebar closing on dynamic content click (thanks @OrestHk)
- Fix #3779 Wrap b-table select all button with slot (thanks @Minhyme)
- Fix #3760 show dropdown content based on breakpoints (thanks @geeksilva97)
- Fix #3272 set class on tabitem
- Fix Active/disable infinite scroll (thanks @Sjerd)
- Fix Update VeeValidate.vue (thanks @scriptburn)
- Fix #3826 Disabled radio button has cursor 'pointer' (thanks @amal-qb)
- Fix Fire event when Colorpicker RGB inputs are changed (thanks @RuslanGetmansky)
- Fix add .vue extension to component imports (thanks @daniil4udo)
- Shipped with Bulma 0.9.4 (release note)
- Add
messagesprop to message slot in field (thanks @GMartigny) - Add
long-pressprop to number input (thanks @SylvainMarty )
- Fix input type not updated when type prop is changed (thanks @GMartigny)
- Fix horizontal classes typo (thanks @daniil4udo)
- Fix #3484 table overflow when last column is numeric (thanks @gmercey)
- Fix #3731 input with emoji don't show the right length (thanks @joaoGabriel55)
- Fix #3734 refresh columns on destroy
- Fix setting type html attribute on non-button tags (thanks @tcitworld)
- Add search feature to docs (thanks @Mars073)
- Add
checkbox-typeprop to table (thanks @Mars073)
- Fix #3432 accessibility using keyboard on checkbox into the table (thanks @chadlafontaine)
- Fix #3705 validation error on focus instead of blur (thanks @lucraraujo)
- Fix #3707 field inner type
- Fix issues about colorpicker (thanks @Mars073)
- Fix expaned on menu item (thanks @adamgreenhall)
- Fix clockpicker close (thanks @s-nesbigall)
- Fix theme css build
- Add open and close events to tooltip (thanks @GMartigny)
- Improve accessibility of dropdown, collapse and tabs (thanks @mateuswetah)
- Fix #2889 tooltip when append-to-body
- Fix #2998 sidebar close when content is dynamic
- Fix #3677 emit active-change when hoverable
- Fix #3676 table sort when backend
- Add Font Awesome 6 support (http://fontawesome.com/)
- Fix #3672 filter table when multiple filters
- Fix colorpicker sass warnings (thanks @SomethingNew71)
- New component: Colorpicker, see docs (thanks @Mars073)
- Add year to
week-number-clickevent (thanks @geeksilva97) - Add
icon-sizeprop to notification (thanks @matt3188) - Add page input to pagination and table (thanks @chadlafontaine)
- Allow any keyword as step of numberinput (thanks @OrestHk)
- Fix #3614 display zero in numberinput (thanks @rockandre)
- Fix #3649 datetimepicker parser when minute is 59
- Fix #3663 increment/decrement when v-model is null/undefined
- Fix #3664 clip when mobile dropdown is active as modal (thanks @Jimmar)
- Fix reset multi-sort table (thanks @nimaebra)
- Fix tooltip span to div, w3 validation (thanks @nimbleStalker)
- Add normalize string for search in tables (thanks @matheushahnn)
- Add year to
week-number-clickevent (thanks @geeksilva97) - Add
startandendslot to tabs - Add
active-changeevent to navbar dropdown (thanks @arusahni)
- Fix table sort when null values (thanks @Ryan-Case-SingleStone)
- Fix queue notification (thanks @geeksilva97)
- Fix upload validation (thanks @l1bra2013)
- Fix #3599 table using multiple column filters
- Fix #3624 reset hovered autocomplete
- Fix reset type and message when inner field
- Fix #3571
custom-classprop to image - Fix #3572 datepicker timezone
- Fix #3577 field loop using message
- New component: Breadcrumb, see docs (thanks @mouadTaoussi)
- Add progress bar (remaining time to close) to notification (thanks @mouadTaoussi)
- Add
selectable-headerandselectable-footerprops to autocomplete (thanks @JDurman) - Add
close-button-aria-labelprop to modal (thanks @tcitworld) - Add navbar burger and dropdowns to be focusable and keyboard selectable (thanks @tcitworld)
- Fix stay open on mouse click when autocomplete is keep-open
- Fix emitting autocomplete header and footer events (thanks @geeksilva97)
- Fix loading when using fixed navbar (thanks @geeksilva97)
- Fix datetimepicker when use granularity (thanks @geeksilva97)
- Fix numberinput increment bug (thanks @geeksilva97)
- Fix #3475 attributes duplication on navbar (thanks @GMartigny)
- Fix #3490 duplicate tags on select with enter and allow-new
- Fix #3543 focused date when is range
- Fix #3277 avoid to emit event when
clear-on-select - Fix #3418 timepicker hour 12 displayed as 0 (thanks @cain)
- Fix double
selectevent whenclear-on-select - Fix event prevent on "Tab" key of autocomplete
- Add
tagprop to navbar dropdown (thanks @GMartigny) - Add
select-on-click-outsideprop to autocomplete (thanks @elisamuelps) - Add
aria-labelledbyprop to checkbox and switch (thanks @milad-mirkarimi) - Add
icon-rightandicon-right-clickableprops to datepicker and datetimepicker (thanks @rubjo) - Add
captionprop to table (thanks @eveenendaal) - Add
pause-on-hoverprop to toast (thanks @milad-mirkarimi) - Improve number input validation (thanks @fabiofdsantos)
- Enable click event to notification (thanks @franciscoh017)
- Show switch control label if slot exists (thanks @cain)
- Prevent emitting the prompt value when inputted text is compositing (thanks @soudai-s)
- Fix autocomplete using
keep first(thanks @dauriata) - Fix combination of filters with custom searches (AND operator) (thanks @massimozappino)
- Fix avoid reading undefined range on datepicker (thanks @apauly)
- Fix sidebar delay on hover leave (thanks @holtolee)
- Fix #3431 disable sort when column is not sortable (multisort)
- Fix #3438 reset current tag when duplicated
- Fix #3442 wrong prop on timepicker
- Fix #3461 check if a detail row is visible before trying to close it (thanks @GMartigny)
- Fix #3473 emit typing to force reload items on tagsinput
- Shipped with Bulma 0.9.3 (release note)
- Support
keep firston taginput elements (thanks @fabiofdsantos) - Add missing typehints for the notification component (thanks @maartenvanasperen)
- Improve accessibility to dropdown and autocomplete (thanks @eveenendaal)
- Add
detail-iconprop to Table component (thanks @holtolee) - Add
delayprop to Sidebar component (thanks @holtolee)
- Fix #3329 checkbox autocompletion (thanks @markovejnovic)
- Fix datepicker tab navigation with
nearby-selectable-month-daysprop (thanks @Raljuk) - Fix #3342 iPad detection (thanks @lboecker)
- Fix #3333 multiple datepicker stay on month on date removal (thanks @mateusbw)
- Fix #3366 notification animation effect on close (thanks @LeoMouyna)
- Add transition appear to tabs/steps (thanks @jermel)
- Add
draggable-columnprop to table (thanks @T0RAT0RA)
- Resotre tzOffeset on datetimepicker
- Fix #3224 datepicker on select a date in the next month when multiple (thanks @markokos01)
- Fix #3278 weekdays off by one day (thanks @waldeck-dev)
- Fix #3280 controls on number-input when disabled (thanks @service-paradis)
- Fix datetimepicker timezone
- Fix datepicker when append-to-body and auto open when value change (thanks @service-paradis)
- Fix #3258 remove outline from step-item and tab-item on focus (thanks @service-paradis)
- Fix #3262 first option selected on taginput when autocomplete (thanks @fabiofdsantos)
- Shipped with Bulma 0.9.2 (release note)
- Add
roundedprop to Upload (thanks @major-mayer) - Add
icon-right-typeprop to Input (thanks @Propaganistas) - Add
icon-rightprop to Datepicker (thanks @darotar) - Add
cancel-textprop to Snackbar (thanks @adamgreenhall) - Add
indefiniteprop to Toast (thanks @service-paradis) - Automatically select hovered option on blur for Autocomplete (thanks @fabiofdsantos)
- Add
aria-labelprop to Modal (thanks @crowdcow-shae) - Add
altattribute to placeholder image (thanks @chazmcgarvey ) - Add
captionslot to Image (thanks @chazmcgarvey ) - Add
defaultSwitchRoundeddefault configuration option (thanks @service-paradis) - Add
detail-transitionprop to Table (thanks @service-paradis) - Accept Date as values for Select (thanks @service-paradis)
- Display events on unselectable Datepicker cell (thanks @service-paradis)
- Add
aria-minus-labelandaria-plus-labelfunctions forb-numberinput(thanks @service-paradis) - Add
th-attrsandtd-attrsfunctions forb-table - Improve a11y on tab component (thanks @service-paradis)
- Fix #2678: tab navigation with
boxednavbar dropdown (thanks @yuwu9145) - Fix #2848: incorrect inset shadow for
b-radio-button(thanks @service-paradis) - Fix #2879: open DatetimePicker using the enter key (thanks @service-paradis)
- Fix #2990: table sorting on multiple column (thanks @yuwu9145)
- Fix #2994: table striped style with sticky columns (thanks @service-paradis)
- Fix #3011: blur events for ClockPicker (thanks @yuwu9145)
- Fix #3022: use aria labels on table pagination buttons (thanks @service-paradis)
- Fix #3028: use aria labels on pagination next/previous buttons (thanks @service-paradis)
- Fix #3035: autocomplete default content width in modal
- Fix #3040: fix mutation of value in multiple dropdown (thanks @VictorCazanave)
- Fix #3056: reset time on carousel when using arrows (thanks @harryJst)
- Fix #3104:
defaultDialogConfirmTextnot working - Fix #3107: keyboard usage with Datepicker date range (thanks @service-paradis)
- Fix #3109: handle number values as expected for NumberInput (thanks @yuwu9145)
- Fix #3113: dropdown with
append-to-bodyz-indexwhen inactive (thanks @Dragoncall) - Fix #3119: duplicated
hoveredevent with Autocomplete (thanks @fabiofdsantos) - Fix #3124: restore tree shaking functionnality with default config (thanks @MartinodF)
- Fix #3135: multiple
fixedNavbar on the same page (thanks @WTDuck) - Fix #3161: display close button when Modal is displayed at start (thanks @aglio)
- Fix #3168: wrong DatetimePicker behavior with empty value
- Fix #3177: navigate to Datepicker footer using Tab (thanks @service-paradis)
- Fix #3195: Tooltip
auto-closewithinsideandoutside(thanks @elC0mpa) - Fix #3216: unexpected form submit on enter in Autocomplete
- Fix #3226: reactive Datepicker dates when using
multiple(thanks @service-paradis) - Fix #3235: emit event on Table listeners (thanks @service-paradis)
- Fix #3247: Remove extraneous a element in tag (thanks @service-paradis)
- Shipped with Bulma 0.9.1
- Add
is-lightvariant to tooltip (thanks @service-paradis) - Add support for multiple progress bars (thanks @service-paradis)
- Add
cellclickevent to b-table (thanks @dauriata) - Add
controls-alignmentprop to Numberinput (thanks @jonagoldman) - Add
left-labelprop to switch component (thanks @kaangokdemir) - Add
indicatorprop to show Slider value inside thumb (thanks @re2005) - Add
autoFocusprop to Modal (thanks @mateuswetah) - Add
aria-close-labelprop to Taginput (thanks @service-paradis) - Support
localein Slider (thanks @service-paradis) - Add
sticky-checkboxoption to b-table (thanks @Numenorian) - Add
roundedprop to table pagination (thanks @nastiaKuzanastasia.kuznetsova) - Add
tooltip-alwaysprop for Slider component (thanks @kaangokdemir) - Add
#headerslot inside of b-message to place a custom header (thanks @m4st3rm4tz3) - Add
week-number-clickevent to Datepicker - Add toggleDetails to default Table slot
- Add
invalidevent to Upload (thanks @adamgreenhall) - Add
custom-searchprop to table column
- Fix #2858: Too much events fired by BNavbar component (thanks @service-paradis)
- Fix problem using
lazyprop for Image component (thanks @service-paradis) - Fix #2862: setSelect null when clear button is triggered (thanks @re2005)
- Fix #2851: table current page update parent value (thanks @re2005)
- Fix #2865: table visible column count (thanks @service-paradis)
- Fix #2893: select height in Datepicker when using
label-position="inside"(thanks @service-paradis) - Fix #2904: check for null/undefined and not any false for Numberinput (thanks @damian-bal)
- Use
$slider-track-backgroundfor Slider track background (thanks @service-paradis) - Fix #2853: Sidebar closes when clicking on dynamically visible elements (thanks @service-paradis)
- Fix #2916: select inside carousel (thanks @Tofandel)
- Fix #2683: Datepicker focus when using arrow keys (thanks @service-paradis)
- Fix Datepicker initial value fullYear when v-model is present (thanks @re2005)
- Fix #2914: Label overlapping input text (thanks @service-paradis)
- Fix #2933: sidebar
can-canceldocs - Fix #2909:
rounded propto datetimepicker - Fix #2938: border-right missing in timepicker select (thanks @service-paradis)
- Fix #2949: Do not emit drag/drop events if table is not
draggable(thanks @service-paradis) - Fix #2945: Checking if
minNumberis undefined before assigning it in NumberInput (thanks @elC0mpa) - Fix dropdown when expanded and
append-to-body - Fix #2940: trigger tooltip when
append-to-body - Fix MenuItem expanded prop update (thanks @aquaminer)
- Fix #2944: header slot on tabs (thanks @yuchaosydney)
- Fix #2871: Improve tabbing with autocompleted taginputs (thanks @rubjo)
- Fix #3003: close tooltip when triggers is focus
- Fix #2918: columns prop when individual import
- Fix sidebar z-index
- Fix #2977: disable scroll when sidebar is overlay
- Add
animationprop to steps and tabs - Add
rangeto datepicker when type ismonth(thanks @ryo-gk) - Add
after-enterandafter-leaveevents tp modal (thanks @aglio) - Add
min-stepprop to number input (thanks @abroekhof) - Add
lazyprop to input (thanks @304NotModified) - Add
centeredpropt to navbar (thanks @holtolee) - Add new progress bar text color (thanks @service-paradis)
- Fix #2830 carousel animation refresh (thanks @Tofandel)
- Fix #2824 background color marging when table cards (thanks @holtolee)
- Fix empty slot check in autocomplete
- Fix empty slot name in taginput (thanks @rubjo)
- Fix contextmenu event always being prevented on tooltips (thanks @adriaanmeuris)
- Fix use correct sidebar breakpoint variable (thanks @btkostner)
- Fix focused date when max date < current date (thanks @re2005)
- Add
group-labelandgroup-optionsprop to autocomplete and taginput - Add support to vnode array on programmatic component using
messageprop - Add
defaultTooltipDelayconstructor option - Add
contextmenuevent to tooltip triggers - Add
alt,src-fallbackanderrorprop to image (thanks @service-paradis) - Add append staticClass to tooltip when
append-to-body
- Fix #2759 overlay on table when loading
- Fix #2767 restore v-html on programmatic component (dialog, snackbar, toast, modal, loading, notification)
- Fix #2773 remove
select-arrow-colorin order to use Bulmainput-arrowsass variable - Fix #2774 datepicker weekday names by locale
- Fix #2778 tooltip using
append-to-bodyandalways(thanks @jacenre) - Fix #2783 unclickable content on tooltip
- Fix #2789 space on menu-item
- Fix #2791 right margin on number input (thanks @user501254)
- Fix taginput default height in order to be compliant with Bulma 0.8.x breaking changes
- Add
is-expandedclass to menu item (thanks @btkostner)
- Fix #2750 internal html to vdom using programmatic components
- Fix #2751 table props index value
- Fix #2752 incorrect base css
- Fix #2753 field type when addons
- Fix #2761 close tooltip when delay
- Fix indeterminate watcher in progress (thanks @service-paradis)
-
Vue.js 2.6+ is now the minimum required version
-
Table, new default slot and table column syntax
From
<b-table :data="myData">
<template slot-scope="props">
<b-table-column field="name" label="Name">
{{ props.row.name }}
</b-table-column>
<b-table-column field="age" numeric label="Age">
{{ props.row.age }}
</b-table-column>
</template>
</b-table>To
<b-table :data="myData">
<b-table-column field="name" label="Name" v-slot="props">
{{ props.row.name }}
</b-table-column>
<b-table-column field="age" label="Age">
<template v-slot:default="props">
{{ props.row.age }}
</template>
</b-table-column>
</b-table>-
Add
triggersprop and removehoverableprop to dropdown -
Add placeholder option to number inputs removing default value 0 (thanks @rcoundon)
-
Show
check-allcheckbox when table cards -
Refactor carousel and carousel list and removing
configprop too (thanks @Tofandel) -
Add
positionprop and default alignment to skeleton (thanks @EmmanuelVlad) -
Replace
is-activewithactiveprop to navbar -
Replace default value of
defaultDatepickerYearsRangeconstructor option from[-100, 3]to[-100, 10] -
Build with
condenseoption to avoid leading/trailing whitespaces -
Remove support to
.syncmodifier oncurrent-pageprop of table component (you have to usepage-changeevent) -
SVG:
$icon-svg-width: auto !default;$icon-svg-height: auto !default;
-
Internationalization, Buefy is now using Intl package to format dates and numbers A prop named
localewhich accept a BCP 47 language tag have been added to some components. The default value for this prop isundefinedwhich will use the browser locale. It can affect the following components:- Progress:
- Intl is used to format the displayed value
- Rate
- Intl is used to format the displayed score
- Datepicker and Datetimepicker:
- Intl is used to get month names
- Intl is used to get week day names
- Intl is used to format the displayed date(s)
- Intl is used to parse the given date when
editable
- Timepicker, Clockpicker and Datetimepicker
- Intl is used to get separators
- Intl is used to format the displayed time
- Intl is used to parse the given date when
editable
- Progress:
-
Configuration
defaultTrapFocusis nowtrue. It can affect the following components:- Datepicker
- Dialog
- Dropdown
- Modal
defaultLocale- Default value is
undefined, which means it will use the user browser locale - It accept a string with a BCP 47 language tag, or an array of such strings (see Unicode BCP 47 locale identifier).
- Default value is
monthNames- Default value is now undefined. It will use the given locale (default to browser locale) to get localized month names
dayNames- Default value is now undefined. It will use the given locale (default to browser locale) to get localized day names
-
Use KeyboardEvent.key instead of keyCode. It can affect the following component:
- Taginput:
remove-on-keysdefault is now["Backspace"]instead of[8]confirm-key-codesis now calledconfirm-keysand the default is[",", "Enter"]instead of[13, 188]
- Taginput:
- New component: Image, see docs
- .sync deprecated (except of selected and checked-rows), use
v-modelbut you can use.syncuntil next breaking version - #1953 Add promise support to dialog using
defaultPromiseProgrammaticallyconstructor options - #2553 Add trigger slot to datepicker, timepicker and datetimepicker
- #2568 Hide content message when empty slot
- #2577 Add
defaultStatusIconconstructor option andstatus-iconprop to field - Add
icon-sizeprop to menu item (thanks @cyberShaw) - Add
debounce-searchprop to table (thanks @sc0ra) - Add
reset-on-meridian-changeto timepicker (thanks @taverasady) - Add
close-iconto tag (thanks @kaangokdemir) - Add
close-typeto tag input (thanks @kaangokdemir) - Add
header-classprop to tab item and step item (thanks @Tofandel) - Add
exponentialprop to number input (thanks @Tofandel) - Add
defaultTabsTypeanddefaultTabsExpandedconstructor options (thanks @wrabit) - Add
create-tagprop to taginput - Improve handle events for customElement components (thanks @vvkk77)
- Refactor components (table, tabs, steps, carousel, etc) using provide/inject
- Fix XSS on programmatic components
- Fix #1226 and #2658 using message with fields addons and groups
- Fix #2196 carousel v-model sync using arrow navigation buttons (thanks @Tofandel)
- Fix #2518 set Autocomplete focus on clear
- Fix #2584 default table sort when backend
- Fix #2591 carousel does not continue to slide even
pause-hoveris false (thanks @Tofandel) - Fix #2599 disabled select and input have different colors
- Fix #2608 taginput wrong value when
allow-duplicatesis false (thanks @nithesh247) - Fix #2631 table with sticky searchable column
- Fix #2647 progress bar truncate whole number zeroes
- Fix #2683 datepicker lost focus using arrow keys
- Fix #2684 timepicker hour check using
unselectable-dates - Fix #2639 datepicker clone before formatter
- Fix #2706 number input steps (thanks @rcoundon)
- Fix #2707 autocomplete index error using arrow keys
- Fix #2725 open autocomplete when focused
- Fix #2732 upload emit
inputwhen same file - Fix #2738 regex check when
searchabletable - Improve datepicker a11y on older browsers (#2641)
- Add
close-on-confirmprop to dialog (thanks @kaangokdemir) - Add bulma-css-vars extension to docs (thanks @wtho)
- Fix typo activeStep variable (thanks @speedpro)
- Fix #2518 open autocomplete on clearable icon when
open-on-focus
- Add
valueprop to tabs-item and steps-item - Add
sizeprop to skeleton - Add
passive-typeprop for switch (thanks @kaangokdemir) - #2507
icon-rightget higher priority than status icon on input - #2513 add cursor pointer to pickers when not editable
- Fix #2499 remove prevent click on carousel slide
- Fix #2501 set
typewhenverticalon steps (thanks @service-paradis) - Fix #2503 searchable table column slot
- Fix #2504 display on skeletons (thanks @EmmanuelVlad)
- Fix #2509 keep table search filtering when data are updated (thanks @VictorCazanave)
- Fix #2514 radio-button and checkbox-button style
- Add
messageslot to field - Add
scrollableandmax-heightto dropdown (thanks @franciscoh017) - Add
roundedprop to skeleton - Add
mobile-modeprop and$steps-mobile-max-widthSCSS variable to step - Add
expand-on-hover-fixedprop to sidebar - Add
expandedprop to upload (thanks @kaangokdemir) - Add
close-typeprop to tag (thanks @kaangokdemir) - Add
defaultTabsAnimatedconstructor options - #2474 Add
icon-clickevent to autcomplete - #2487 Add native event as second parameter of
selectevent on autocomplete
- Fix security (XSS) on message field
- Fix taginput shallow copy in watcher (thanks @lunfel)
- Fix #2456 double message when field horizontal and multiple fields
- Fix #2459 checkbox, radio, switch group on mobile
- Fix #2469 keep sort during search
- Fix #2485 datepicker and timepicker default shadow when not editable
- Fix #2489 dropdown item padding on mobile when
has-link - Fix #2493 clean hovered on select option (autocomplete and taginput)
- Add types to ConfigProgrammatic
- Fix #2438 create modal content only when is active
- New component: Skeleton, see docs
- Add
destroy-on-hideprop to modal - Add
searchableslot to table (thanks @service-paradis) - Add
icon-rightprop to autocomplete - Add
verticalandroundedprops to steps (thanks @service-paradis) - Add
stepprop to step item (thanks @service-paradis) - Add
card-layoutprop to table - Add
is-row-selectableprop to table
- Fix icon type to account for colors that are hyphenated (thanks @BrauBeast)
- Fix width of options menu when autocomplete on taginput
- Fix #2156 focus on tag remove
- Fix #2211 check only one tab selected at once (thanks @service-paradis)
- Fix #2328, #2358 slider resize (thanks @service-paradis)
- Fix #2364 close sidebar when is not overlay
- Fix #2371 clean hovered after select
- Fix #2381 label-position when position is right
- Fix #2425 reactive data on carousel list
- Fix check whitelist on fixed sidebar
- Fix static sidebar on esc key
- New component: Sidebar, see docs
- Add
append-to-bodyprop to dropdown, autocomplete, datepicker, timepicker and datetimepicker - Add
dropdown-positionprop to dropdown - Add
collapsibleprop to navbar dropdown
- Fix switch elastic animation for non-rounded (thanks @service-paradis)
- Fix #1666 native validation on datepicker
- Fix #2317 default icon prev and next (thanks @service-paradis)
- Fix #2325 native validation on autocomplete
- Fix #2336 animation on tabs when vertical (top - bottom)
- Add
selectedslot to taginput - Add
scrollableprop to table - Add
stickyprop to table column - Add
cell-classandheader-classprop to table column - Add
heightprop to table - Add
filters-eventprop to table - Add slide animation to menu item and in the core code
- Improve accessibility to datepicker (thanks @service-paradis)
- #2269 Add
bigger-slider-focusprop to slider (thanks @melogustavo) - #2290 Add
activableprop to menu - #2308 Add
max-heightprop to autocomplete
- Fix datepicker clearing selected array in the first selection when
multiple - Fix #2195 switch transition on Safari (thanks @bender-a)
- Fix #2205 datepicker table rendering on Safari (thanks @bender-a)
- Fix #2236 table performance on destroy
- Fix #2257 button with
iconand without default slot - Fix #2262 numberinput custom icons
- Fix #2270 taginput when remove a tag on mobile
- Fix #2272 check input ref before to focus (thanks @bender-a)
- Fix #2273 end animation on dropdown
- Fix #2292 sticky header using subheading
- Fix #2293 focus on icon click when type "textarea"
- Add
sticky-headerprop to table
- Fix #2254 button with icon in the default slot
- Fix #2250 taginput option item when autocomplete without slot
- Add multi column sorting to table (thanks @suneab)
- Add
clearableprop to autocomplete (thanks @melogustavo) - Add
icon-rightprop to input (thanks @melogustavo) - Add
tagslot to taginput (thanks @jacobgoh101) - Add
tz-offsetprop to datepicker (thanks @zedrdave) - Add
repeatprop to carousel (thanks @GerryWilko) - Add
iconprop to nofitication and message (thanks @service-paradis) - Add
multilineprop to tabs - Add aria attributes to dropdown (thanks @mariusj)
- Fix missing export taginput component
- Fix prevent table thead jumping when sorting is changed
- Fix #2152 tab-item rendering using header slot (thanks @service-paradis)
- Fix #2153 text overflow to progress bar (thanks @service-paradis)
- Fix #2157 carousel when
autoplayand no pause - Fix #2160 remove body classes of navbar on destroy
- Fix #2185 taginput when over maxtags
- Fix #2187 taginput rendering when
attachedand over maxtags - Fix #2189 'undefined' on carousel (thanks @service-paradis)
- Fix #2190 remove margin when not exists text on button
- Fix #2191 navbar dropdown close on click when hoverable
- Fix #2216 menu item warning
- Fix #2217 percentage calc on progress bar (thanks @service-paradis)
- Fix #2219 field label when position is
insideand add-on - Fix #2227 double blur event emitted by pickers
- Fix #2228 check if the row is checkable before unchecking it (thanks @service-paradis)
- Fix #2240 check ref datetimepicker on mount when
mobile
- Improve rendering performance on table
- Add
focusandblurevent on datetimepicker - Add
animationprop to notification (thanks @service-paradis) - Add
trap-focusprop to datepicker (thanks @service-paradis) - Add
hour-incrementprop to timepicker (thanks @LeoMouyna) - Add
backend-filteringprop andfilters-changeevent to table (thanks @zeljkokalezic)
- Fix #1473 tooltip z-index (lower than modal) (thanks @rolandschuetz)
- Fix #1889 add body padding for fixed spaced navbar (thanks @a-kriya)
- Fix #2109 disabled button (thanks @service-paradis)
- Fix #2114 limit the select options of month in Datepicker with
min-dateandmax-date(thanks @service-paradis) - Fix #2121 fix tabs warning when items aren't already visible (thanks @service-paradis)
- Fix #2133 table colspan when
detailedand hidden icon (thanks @rolandschuetz) - Fix #2135 keep open taginput on add/remove when
open-on-focus - Fix #2141 taginput using sortablejs
- Add
infinite-scrollprop to autocomplete and taginput (thanks @mateuswetah) - Add scss variables to loading and snackbar (thanks @service-paradis)
- Add range start and end events to datepicker (thanks @lunfel)
- Add
closeevent to notification, snackbar and toast (thanks @service-paradis) - Add new props to carousel and
carousel-list(thanks @apolokaklab) - Add
aria-roleprop to snackbar (thanks @service-paradis) - Remove Vue import and registration of Vue instance (thanks @afwn90cj93201nixr2e1re)
- #2075 Add
focusableprop to datepicker - #2085 Add
blurevent on picker close
- Fix taginput when autocomplete without template
- Fix default modal background color (thanks @francoism90)
- Fix #1387 maintain tabitems/stepitems order (thanks @service-paradis)
- Fix #2023
increment-minutesandincrement-secondsprops to timepicker (thanks @GerryWilko) - Fix #2037 datepicker selection when multiple
- Fix #2049 indicator style name 'is-boxs' -> 'is-boxes' (thanks @apolokaklab)
- Fix #2062 align last tag on taginput with maxtags (thanks @andrei-dracea)
- Fix #2093
trap-focuson programmatic modal (thanks @service-paradis)
- Add
subheadingsprop/slot to table (thanks @arambert) - Add
containerprop to dialog (thanks @service-paradis) - Add touch events to carousel on mobile
- Fix custom icon pack improving merge internal function (thanks @service-paradis)
- Fix #2006 tabs when nested each other (thanks @service-paradis)
- New component: Carousel, see docs (thanks @apolokaklab)
- Add
controlsprop to number input (thanks @afwn90cj93201nixr2e1re) - Add
accordionprop to menu - Add
icon-clickevent to input (thanks @service-paradis) - Add multiple support to Datepicker when type is
month - Add more customization variables for dropdown and loading (thanks @HugoHeneault)
- Add more customization variables for datepicker (thanks @service-paradis)
- Add
defaultDatepickerMobileModalconstructor option (thanks @ievhen-soloviov) - #2000 Add
time-creatorprop to timepicker
- Fix IE compatibility using multiple datepicker
- Fix datetimepicker ignores expanded prop (thanks @cypressious)
- Fix disabled checkbox in table (thanks @yxngl)
- Fix page number count when filtering data (thanks @yxngl)
- Fix placeholder to datetimepicker (thanks @yxngl)
- Fix #1812 extending a component
- Fix #1909, #1902, #1898 issues on searchable table column (thanks @dauriata and @service-paradis)
- Fix #1951 modal a11y improvements (thanks @service-paradis)
- Fix #1963 erase numberinput value
- Fix #1972 using min and max native datepicker and timepicker props
- Fix #1986 setting 00:00 on datetimepicker
- New component: Datetimepicker, see docs
- Add
searchableprop to table column (thanks @robertmarney, @tonystonee, @quadra-diffusion) - Add
expandedprop to radio button (thanks @saaso) - Add
expandedprop to checkbox button (thanks @saaso) - Add
multipleprop to datepicker (thanks @jamenamcinteer) - Add
verticalprop to tabs (thanks @service-paradis) - Add
defaultButtonRoundedconstructor option (thanks @bohdan-prylutskyi) - Add
mobile-burgerprop to navbar (thanks @service-paradis) - Add
v-on:listenersto navbar item - Add
expandedprop to button (thanks @service-paradis) - Add a slot for overriding navigation to steps (thanks @service-paradis)
- Add more customization variables to checkbox (thanks @HugoHeneault)
- Add new SCSS variables to toast, snackbar and icon (thanks @service-paradis)
- Improve accessibility to modal (thanks @service-paradis)
- Enable to set a custom width (%, ...) to table column (thanks @druppy)
- Fix #1834 datepicker on ios mobile (thanks @bohdan-prylutskyi)
- Fix #1875 datepicker disabled style
- Fix #1883
date-parserfunction when range - Fix taginput style when maxtags and using
label-positionprop on field
- New component: Rate, see docs (thanks @apolokaklab)
- #1706 Add
trap-focusprop to modal, dialog and dropdown (thanks @service-paradis) - #1775 Add
expandedprop to dropdown - Add
custom-formatterprop to slider (thanks @yxngl) - Add
positionprop to collapse
- Fix #1286 taginput close when autocomplete (thanks @wrabit)
- Fix #1784 navbar navigation on mobile reverting #1743
- Fix #1780 alignment using h1 tag on steps (thanks @service-paradis)
- Fix #1786 icons warning for vue-fontawesome (thanks @service-paradis)
- Fix #1814 set
icon-packpagination using table (thanks @service-paradis) - Fix #1821 datepicker reset using empty array when
range
- Add style props (
is-boxed, etc) to navbar and navbarcomponent - Add pagination buttons customization (thanks @service-paradis)
- Improve accessibility for menu (thanks @mateuswetah)
- Fix build using import individual components
- Fix #1717 notification margin when
queueis false andpositionis bottom-(right/left) (thanks @service-paradis) - Fix #1741 toggle on navbar dropdown
- Fix #1743 add check outside click on navbar brand (thanks @wanxe)
- Fix #1744 icon component using vue-fontawesome
- Fix #1748 progressbar style on IE when indeterminate (thanks @service-paradis)
- Fix #1761 grouped/addons size with
insideposition label (thanks @service-paradis) - Fix #1773 numberinput issues with groups and addons (thanks @service-paradis)
- Add
customIconPacksconstructor option to use custom icon packs (thanks @service-paradis) - Add
can-closeprop to dropdown (thanks @service-paradis) - Add
close-on-clickprop to form navbar (thanks @wanxe) - Add
icon-prevandicon-nextprops to datepicker, steps and pagination (thanks @service-paradis) - Add
lazyprop to slider (thanks @yxngl) - Add
dragging,dragstartanddragendevents to slider (thanks @yxngl) - Add
setValiditymethod to form components (thanks @GerryWilko) - Add
hours-labelandminutes-labelprops to clockpicker - Improve steps look on mobile (thanks @service-paradis)
- #1677 Add
wrapper-classprop to navbar (thanks @wanxe) - #1712 Add navbardropdown component
- Fix selection UI to datepicker when empty range
- Fix slider style for IE 11 (thanks @yxngl)
- Fix
default-minutesanddefault-secondsprops when value is 0 - Fix pagination compatibility using IE 11 (thanks @service-paradis)
- Fix set active menu item on click when tag is
router-link - Fix navbar adding incorrect class to body when fixed at top/bottom (thanks @Silvea12)
- Fix datepicker height using different size, it'll show always 6 weeks for each month
- Fix #1646 navbar item when tag prop is
router-link(thanks @wanxe) - Fix #1648 modal becomes clipped using switch (thanks @yxngl)
- Fix #1670 simple upload on IE 11
- Fix #1678 show autocomplete option when value is 0
- Fix #1679 hide navbar on click when mobile (thanks @wanxe)
- Fix #1686 disable timepicker hour if no enabled minutes available (thanks @philnee)
- Add range selection using
rangeprop to datepicker (thanks @afifsohaili)
- Fix #1624 autosizing slider into container (thanks @yxngl)
- Fix #1625 Buefy global name in UMD format
- Fix #1626 include CSS files as side effects (thanks @modularcoder)
Add show-week-number prop to datepicker (thanks @quadra-diffusion)
- Fix navbar internal implementation (thanks @wanxe)
- Fix field component when slot is empty
- Revert breaking change
v-on:$listenersto internal native select of select - Fix #1616 upload check on change when single (thanks @yxngl)
- Fix #1619 incorrect minute display format for 12 hour using timepicker
- Fix #1620 navbar SSR support
- Change path to import individual components, like:
import { Table } from 'buefy'
Vue.use(Table)- Change path to import components to use outside main vue instance, like:
// see Toast, Snackbar, Modal, Dialog, Loading and Notification doc pages for more examples
import { ToastProgrammatic as Toast } from 'buefy'
Toast.open('Toasty!')- Fix #1268 add
$buefynamespace for each programmatic components
// see Toast, Snackbar, Modal, Dialog, Loading and Notification doc pages for more examples
this.$buefy.toast.open('Toasty!')- Fix #1137 hide hoverable dropdown menu after click
- Fix #1529 pagination ellipsis behavior (thanks @service-paradis)
- Fix #1550 improve the default behavior for clickable steps (thanks @service-paradis)
- Fix #1586 focus issue to radio, checkbox and switch (thanks @yxngl)
- Add
v-on:$listenersto internal native select of select component - Remove
spanaround default b-table-column slot (thanks @service-paradis)
- New component: Slider, see docs (thanks @yxngl)
- New component: Navbar, see docs (thanks @wanxe)
- New component: Progress Bar, see docs (thanks @service-paradis)
- Improve to tree shaking using ESM format
- Add
headerslot to table column - Add
defaultTooltipDelayconstructor option (thanks @service-paradis) - Add
sort-iconandsort-icon-sizeprops to table (@modularcoder) - Add
default-minutesanddefault-secondsto timepicker - Add
focusableprop to dropdown (thanks @service-paradis) - Add
mouseenterandmouseleaveevents to table (thanks @afm-sayem) - Add
roundedandoutlinedprop to switch (thanks @service-paradis) - Add
aria-close-labelprop to taginput (thanks @yxngl) - Add
has-counterprop to taginput (thanks @dejangeci)
- Fix #1541 emit
inputevent when change step (thanks @service-paradis) - Fix #1544 years select datepicker when max/min being passed
- Fix #1565 datepicker programmatically on mobile
- Fix #1576 label-position prop using numberinput component (thanks @service-paradis)
- Fix #1591 datepicker on mobile using different timezone
- Fix issues on delete last selected element and on reset upload (thanks @it-fm)
- Fix #1536 build error using Sass customization
- Fix menu component example on codepen and/or simple html page
- New component: Menu, see docs
- Add
custom-classprop to modal (thanks @CobraClutch) - Add
delayprop to tooltip (thanks @service-paradis) - Add
checkbox-positionprop to table (thanks @service-paradis) - Add
pagination-positionprop to table (thanks @service-paradis)
- Fix build errors using typescript and return type of snackbar and notification
- Fix upload on iOS
- Fix native timepicker when
enable-seconds - Fix #1515 toggle datepicker programmatically
- Fix #1516 month picker on iOS
- Fix #1526 timepicker default parser
- New component: Steps, see docs (thanks @service-paradis)
- Add
label-positionprop to field - Add
full-screenprop to modal - Add
enable-secondsprop to timepicker - Add
years-range,nearby-month-days,nearby-selectable-month-daysprop to datepicker
- Fix timepicker and clockpicker force new Date object on
inputevent - Fix #1450 clockpicker rounded style (thanks @atinybeardedman)
- Fix #1455 margins to taginput (thanks @francoism90)
- Fix #1460 long press click on plus/minus buttons to numberinput
- Fix #1462 table column width when a column is toggled invisible and visible again (thanks @service-paradis)
- Fix #1469
use-html5-validationprop to numberinput - Fix #1470 override
label-weightBulma variable - Fix #1480 cancelling long press on Chromium (thanks @yxngl)
- Update Bulma to 0.7.5
- Datepicker improved: add month picker, see docs
- Add
header-checkableprop to table - Add
togglemethod to datepicker - Add
defaultDropdownMobileModalconstructor option - Add
validation-messageprop to input (thanks @jankeesvw) - #1424 Prevent close on click when
multipledropdown
- Fix #1150 dropdown z-index on mobile
- Fix #1418 timepicker and clockpicker
inputevent emit - Fix #1429 datepicker and timepicker exclusive opening
- Fix #1433 timepicker default formatter and parser
- Add
labelslot to field (thanks @yxngl) - Add
footerslot to autocomplete (thanks @LeoMouyna) - Add
open-on-focusprop and improved accessibility for timepicker and clockpicker - Add
multipleprop to dropdown
- Fix #817 radio button off-center issue
- Fix #1347, #1361 datepicker v-model and initial toggle
- Fix #1351 tabs
is-disabledcss rule - Fix #1352 numberinput when empty string
- Fix #1382 numberinput layout
- Fix #1390 missing prop to dialog type
- Fix #1402 radio button on IE11 (thanks @timEulitz)
- New component: Numberinput, see docs
- Loading improved: can show a custom content, see docs
- Add
destroy-on-hideprop to tabs - Add
custom-detail-rowprop to table (thanks @EvanBarbour3) - Add
open-on-focusprop and improved accessibility for datepicker (thanks @imfaber)
- Fix #1320 space keydown on Firefox to checkbox and switch
- Fix #1325 input emit to upload
- Enable native timepicker to clockpicker when
mobile-native(defaulttrue) - Fix clockpicker docs and input size
- Fix upload opening in IE 11
- New component: Button, see docs
- New component: Clockpicker, see docs (thanks @SharpSeeEr)
- Notification improved: can show a notification programmatically, see docs
- Add
custom-formatterprop to autocomplete - Add
draggableprop to table (thanks @suneab) - Improve accessibility for notification, message and pagination (thanks @mateuswetah)
- #956 Fix hidden overflow on tabs (thanks @Baggs)
- #1246 Fix Cleave.js example using Vue 2.6.x (thanks @yxngl)
- #1251 Fix Datepicker closing when page back to
min-datemonth - #1257 Fix Datepicker slow/freeze on big year input
- #1282 Fix Datepicker event display wich have a time set (thanks @DonNicoJs)
- #1290 Fix double click event for CheckBox(Button) and Radio(Button) (thanks @yxngl)
- Fix tabindex on switch (thanks @yxngl), radio (thanks @Sacmanxman2) and checkbox
- Update Bulma to 0.7.4
- Add
requiredprop to radio-button and checkbox-button - Add
defaultModalCanCancelconstructor options (thanks @quimarche) - Add
typingevent to autocomplete (thanks @adrlen) - Add
native-autocompleteprop to taginput - Add support to Font Awesome SVG component (thanks @rhwilr)
- Add
custom-key-rowprop to table - Add
defaultToastPositionanddefaultSnackbarPositionconstructor options - Improve accessibility for collapse and dropdown (thanks @mateuswetah)
- Revert tab as confirm key code to taginput
- #1233 Change left margin to right margin when spacing nested fields (thanks @yxngl)
- #1177 Fix IE/Edge datepicker content size
- #1216 Fix reset v-model when upload cancel
- #1219 Fix modal
widthprop (thanks @yxngl)
- Add
headerautocomplete slot to taginput - Add
requiredprop to switch - Add
mobile-sort-placeholderprop to table - Add
contextmenuevent to table (thanks @gps-dev) - Add
show-detail-iconprop to table and toggle row detail programmatically (thanks @omer2500) - Add
use-html5-validationprop to form components anddefaultUseHtml5Validationconstructor options (thanks @lukio3) - #1164 Disable selecting row on checkbox click when table is
checkable
- Fix taginput when
allow-newis enabled - Fix pagination order when simple
- #1126 Fix init sort using columns table prop
- #898, #1154 Fix browser autocomplete using multiple fields
- Update Bulma to 0.7.2
- Add
indeterminateprop to checkbox (thanks @guanzo) - #1029 Upgrade vue-test-utils to latest version (thanks @lordfuoco)
- #1065 Add tab as confirm key code to taginput (thanks @williamabbott)
- #1083 Add
date-creatorprop to datepicker (thanks @jonagoldman)
- #1024 Fix upload SSR support
- #1027 Fix
icon-packprop when individual components - #1040 Fix prevent radio with multi-line text from shrinking (thanks @rhwilr)
- #1067 Fix IE 11 UI switch (thanks @patrickabkarian)
- #1072 Fix sorting boolean fields
- Change path to import components to use outside main vue instance, like:
// see Toast, Snackbar, Modal and Dialog doc pages for more examples
import { Toast } from 'buefy/dist/components/toast'
Toast.open('Toasty!')- Upload component accepts a single
FileandArray<File>when multiple asv-model - Rename
readonlytoeditableon datepicker and timepicker (now just use the prop without false value) - Removed Panel component, it was deprecated since 0.5.3
- Add
closableprop to taginput (thanks @adrlen) - #970 Add Object type to
typeprop of field and icon
- Updated timepicker style (it's a little smaller now)
- #992 Fix table header disappear with pagination
- #999 Fix
sizeprop to datepicker and timepicker
- Table improved: can change columns dynamically
- Add
auto-closeanddurationprops to message and notification - Add
allow-duplicatesprop to taginput - Add
requiredprop to radio and checkbox - Add
defaultInputHasCounterconstructor options
- #839 Fix
icon-packfrom icon to be reactive - #840 Fix loading position to tagInput (thanks @adrlen)
- #852 Fix label class to field when horizontal
- #872 Fix datepicker default formatter
- #895 Fix loading overlay when not in full page (thanks @adrlen)
- #927 Fix autocomplete when option text is too long (thanks @8bu)
- #948 Fix switch when multi line text (thanks @rhwilr)
- Update Bulma to 0.7.1
- Add
headerslot to autocomplete - Add
typeprop to checkbox and radio - Add
on-paste-separatorsandbefore-addingprops to tagInput - #830 Add
ellipsisprop to tagInput and tag components
- #746 Fix default
dateFormatterfunction to datepicker - #755 Fix arrow centered when table detail (thanks @wanxe)
- #787 Fix type in horizontal field when message is empty
- #814 Reset scroll to modal before destroy
- #481 Fix tagInput height to match other inputs
- Revert some changes on Checkbox, CheckboxButton, Radio, RadioButton, Select and Switch, working as before now
- #711 Fix click event to switch (thanks @adrlen)
- #712 Fix SSR support (thanks @anteriovieira)
- #719 Fix
headerslot to tabItem - #718 Fix
changeMonthandchangeYearevents to datepicker inchange-monthandchange-year - #727 Fix upload check file
- #730 Fix field with addons not updating on re-render (tanks @arlen)
- Add nuxt-buefy on docs, see here (thanks @anteriovieira)
- Add
indefiniteprop to snackbar - Add
headerslot to datepicker - Add
headerslot to tabItem - #485 Add
custom-classprop to field (thanks @docnoe) - #509 Add autocomplete slot support to taginput (thanks @gkinsman)
- #581 Add
is-row-checkableprop to table (thanks @jvmonjo) - #602 Add
changeMonthandchangeYearevents to datepicker - #604 Add
remove-on-keysprop to taginput, allowing to remove last tag (thanks @adrlen) - #609 Add
is-full-pageprop to loading, to limit it to its container (thanks @adrlen) - #610 Add
visibleprop to tabItem - #644 Add
clear-on-selectprop to autocomplete (thanks @raniesantos) - #645 Add
selectable-datesprop to datepicker (thanks @pip63) - #682 Add
has-detailed-visibleprop to table (thanks @wanxe) - #687 Add
focus-onprop to dialog
- #576 Fix upload check file type
- #586 Fix dropdown change event
- #593 Fix timepicker update only time of Date object
- #599 Fix
on-cancelprop to dialog, get called when clicking confirm - #648 Fix dropdown emit change event (thanks @adrlen)
- #670 Fix tabs emit change event (thanks @adrlen)
- #686 Remove 'is-light' color to cancel button of dialog
- New extension: Sortable.js, see here
- Update Bulma to 0.6.2
- Add Font Awesome 5 support (http://fontawesome.com/)
- Add
columnsprop to table, you can now pass an array instead of adding scoped slots (for simple tables) - Add
roundedprop to Input, Select, Autocomplete, Datepicker and Timepicker, Pagination - Add "is-toggle-rounded" type to Tabs
- Add
openprop to collapsetriggerslot - Add
nativeprop to upload - #222 Add
open-on-focusprop to autocomplete (good to simulate a select element) - #482 Add
allow-newprop to taginput - #483 Add
unselectable-days-of-weekprop to datepicker - #487 Add
icon-sizeprop to message - #492 Add isAsc parameter to
custom-sortfunction of table (thanks @frantic1048) - #494 Add
unselectable-timesprop to timepicker - #525 Add
pagination-sizeprop to table (thanks @nateleavitt) - #531 Add
confirm-key-codesprop to taginput
- Remove
max-resultsprop from autocomplete, it now has a scrollbar with all results - #493 Fix
keep-firstautocomplete prop with async data - #498 Fix horizontal field on mobile
- #500 Fix message position for horizontal field (thanks @electrolinux)
- #543 Fix dropdown toggle programmatic
- New component: Tag Input, see docs (thanks @jgerbes)
- #125 Add
queueprop to toast/snackbar anddefaultNoticeQueueconstructor option- Note that the animations aren't perfect right now
- #432 Datepicker improved: can add event indicators on it (thanks @chasegiunta)
- #439 Add support to horizontal field, with the
horizontalprop (thanks @electrolinux) - Add
mobile-nativeprop to datepicker and timepicker - Add
defaultDatepickerMobileNativeanddefaultTimepickerMobileNativeconstructor options - Add
eventsprop to modal (to bind events programmatically) - Add
positionprop to datepicker and timepicker - Add
sizeprop to dialog - Add
tabstopanddisabledprops to tag - Add
.syncoption to tablecurrent-page
- Maxlength counter for input only shows on focus
- Add padding to tab content
- Fix autocomplete with
keep-firstselecting on blur when nothing is shown - Fix tabs buttons size sometimes flickering
- #416 Fix pagination color
- #419 Fix input icon size
- #428 Fix
current-pagefrom table to be reactive - #440 Fix upload input file width (thanks @frantic1048)
- Vue 2.5+ is now the minimum required version
- Bulma breaking changes, see changelog
- Removed the deprecated prompt dialog
inputPlaceholder,inputNameandinputMaxlengthprops - Buefy now uses MDI icons from community instead, you'll have to change icon names and if you use a CDN you should change:
<link rel="stylesheet" href="//cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css">- New component: Timepicker, see docs
- New component: Checkbox Button, see docs
- New docs section: Extensions, see here
- Support for Bulma 0.6.1
- Add
disabledprop to tabItem - Add
focusableprop to table - Add
focus()method to table - Add
hoverableprop to table - Add
custom-sizeprop to icon - Add
custom-classprop to icon - Add
detail-keyandopened-detailedprops to table (thanks @wanxe) - Add
scrollprop to modal/dialog (changes what to do with<body>scrollbar) - Add
parentprop to modal, pass a Vue object to it to open component modal programmatically - #359 Add
mobile-modalprop to dropdown to enable/disable modal on mobile - #365 Add
src/scss/utils/_all.scssfor easier modular importing (thanks @gwvt) - #377 Add support to MDI icons from community
- #387 Add
current-pageprop to table (thanks @frantic1048) - #388 Add
sizeprop to radio and checkbox - #398 Add
unselectable-datesprop to datepicker to disable an array of dates - #399 Add configurable closing options for dialog (like modal)
- Update tooltip font size and padding, it's a bit bigger now
- Update table keyboard navigation, now doesn't require pressing enter and only works when
focusable - #288 Fix input message from parent field (thanks @yarbshk)
- #358 Fix modal/dialog shifting content (
scrollprop) - #380 Fix clearing autocomplete input
- #395 Fix ref dropdown availability (thanks @frantic1048)
- Deprecated prompt dialog
inputPlaceholder,inputNameandinputMaxlengthprops, use newinputAttrsprop, see docs - Fix
focusmethod on select - Table with
selectedprop can now be natigated with keyboard - #251, #345 Add
bottom-leftslot to table - #334 Add
defaultDialogConfirmTextanddefaultDialogCancelTextconstructor options - #335 Add
iconandiconPackprop to dialog - #350 Add Function type to
componentprop of modal (thanks @ivalkenburg) - #354 Add tab key press to autocomplete (thanks @tmepple)
- #356 Fix table header alignment
- New component: Collapse, see docs
- Panel deprecated, use new Collapse component, old docs here
- Update Bulma to v0.5.3
- #223 Add
footerslot to table - #246 Remove
keyon detailed rows of table component (thanks @Tirke) - #301 Fix Bulma style override for radio and checkbox
- #303 Fix dropdown close on custom item when is replaced or changed
- #305 Fix datepicker calendar display when disabled and inline
- #309 Add
labelForprop to field component, to set nativeforattribute to the label tag (thanks @tmepple) - #314 Set pack prop to next/prev icon buttons for datepicker
- #315 Fix escape regexp characters to autocomplete
- #316 Fix checkbox shrinking when text is very long (thanks @Tirke)
- #317 Add default datepicker constructor options
- #324 Fix table broken sort state
- #330 Fix table empty and detail disposition
- #339 Fix upload warning when is required
- #340 Add
sizeprop to radio button
- #262 Add
emptyslot to autocomplete (empty message) - #264 Add
has-counterprop to input, add it when you want show or hide character counter when maxlength prop is passed - #265 Fix disabled pagination (thanks @YassinOuider)
- #272 Add
readonlyprop to allow typing a date on datepicker - #273 Fix autocomplete for SSR (thanks @LANSELOT)
- #276 Add
first-day-of-weekprop to datepicker - #279 Fix table not default sorting async data
- #289 Fix dropdown-trigger container html tag
- #291 Add configurable closing options for Modal (thanks @jwahdatehagh)
- #298 Fix mobile detection datepicker for SSR
- #302 Fix datepicker calendar display when disabled
- New component: Datepicker, see docs (thanks @bartboy011)
- New component: Tag, see docs
- #195 Add
custom-keyprop to table column, add it when you want a column without label - #221 Add backend pagination support to table (thanks @cappuc)
- #214 Add
activeprop to tooltip - #215 Add
headerslot to table (custom headers) - #228 Fix table checked rows not working on mobile
- #235 Add
custom-is-checkedprop to table column, add it when you want a custom compare function when is checkable - #237 Fix emit blur event for input
- #239 Fix table columns on v-for loop
- #241 Fix remove tabItem when it's bounded to array
- #242 Update required Vue.js version (2.4+) (thanks @iwan-wijaya)
- #243 Add
default-sort-directionprop to table, add it when you want change default sort direction on the first click - #260 Fix radio/radio button emitting
inputmultiple times (thanks @frantic1048) - Add
metaprop to table column, useful for custom headers - Add
typeprop to switch (thanks @Tirke) - Add
multiplesupport to select - Add
inlineprop to dropdown, items are shown inline and trigger removed - Remove
has-custom-templateprop from autocomplete, just use scoped slot to have the same feature
- Update Bulma to v0.5.1, changes on Sass variables naming, see docs
- Buefy Sass variables are also following the new convention
- Removed Menu component, it was experimental and wasn't good enough, needed too much to work and can easily be replaced with pure HTML
- Constructor option
defaultContentElementrenamed todefaultContainerElement b-dropdown-optionrenamed tob-dropdown-itemsubheaderprop renamed tocustom
- Any attributes on Input, Select and Autocomplete will be added directly to
<input>or<select>itself instead of the root element changeevents for all form controls (Input, Select Autocomplete, Checkbox, RadioGroup, Switch) that returned pure value will now return$event(and require.nativemodifier), useinputinstead- Checkbox
custom-valueprop renamed tonative-valuecheckedprop removed
- Removed CheckboxGroup, just add the same
v-modelto multiple Checkboxes and set anative-value, see docs - Radio and Radio Button
valueprop renamed tonative-value- Add
v-modelsupport - Radio Buttons have to be wrapped on a field
- Add
- Removed RadioGroup, just add the same
v-modelto multiple Radios/RadioButtons and set anative-valuesee docs - Remove switch
checkedprop
- New component: Upload, see docs (thanks @jtommy)
- Field
positionprop works forgroupedfields - Add
group-multilineprop to field - Add
sizeprop to message - #191 Add detail option (collapse) to table row, see docs (thanks @wanxe)
- #201 Add support to array on Field
messageprop (thanks @jtommy) - #207 Add
centeredprop to table column - Add
native-value,true-valueandfalse-valueprops to switch
- #206 Fix radio and checkbox within
v-for
- New component: Menu, see docs (thanks @tsctao)
- New component: Panel, see docs (thanks @jtommy)
- New component: Loading, see docs (thanks @jtommy)
- Dropdown improved: can add any content on it, can be triggered by hover, see docs
- Remove
narrowedprop from dropdown - Update Bulma to v0.4.4
- Add CDN install method and JSFiddle examples
- Add boolean
addonsprop to field - Fix message and notification inside
.mediaelement - Fix pagination current page to not be clickable (thanks @jtommy)
- #118 Add Nuxt.js installation on docs
- #171 Fix modal not taking full width on mobile
- #182 Fix table not default sorting async data (thanks @jtommy)
- #184 Add
inputevent on docs (input/autocomplete) - #190 Add Vue.js required version on docs
- #197 Fix autocomplete
expandedprop not working correctly
- Update Bulma to v0.4.3
- Page is now clipped when a modal/dialog is active (to avoid weird scroll behavior)
- Update modal docs example to not use the
componentprop, works better for events and is more common — Old way is not deprecated - Remove programmatic component modal from docs since isn't a good practice and was causing too many issues
- Fix autocomplete
focus()method - #106 Fix prompt dialog vue-warning
- #144 Add
rowsprop to input (textarea) - #145 Fix autocomplete not preventing form from submitting (thanks @jtommy)
- #153 Add return for
checkHtml5Validity()method - #155 Fix input/autocomplete
changeevent (thanks @jtommy) - #157 Fix table redundant level element generating extra padding
- #159 Fix modal with
.modal-cardresponsiveness, added ahas-modal-cardprop - #165 Fix safari button alignment on dialog (thanks @jtommy)
- #154 Add prop for when table data is empty (thanks @jtommy)
- #170 Fix dialogs min-width mobile
- #139 Fix notices durations and constructor options
- Update switch animation (it was laggy) and causing weird behavior within
<keep-alive>components, see updated animation - Add tons of props to Autocomplete, see here
- Dropdown button as addon now needs a
.controlelement wrapping - Add some useful methods on docs for Input, Select, Autocomplete and Table
- Fix autocomplete list width
- #38 Add
animationprop for dialog and modal, for custom animation (transition name) - #115 Add
row-classproperty to table to style row status, e.g.:
<b-table :data="tableData" :row-class="row => row.amount < 10 && 'is-warning'">[...]</b-table>- #117 Fix table row loop missing
keyprop - #122 Fix async tab-items
- #124 Toast, Dialog, Snackbar and Programmatic Modal exposed
- #128 Add default notices duration constructor options (thanks @quimarche)
- #130 Fix checkbox/switch not emitting change event when using keyboard (thanks @gongzza)
- #132 Add dropdown
active-changeevent to know when it's dropdown list is active/visible (thanks @bartboy011) - #134 Add
true-valueandfalse-valueprops to checkbox
- Fix Buefy installation
- Fix table sorting null values
- Table null values always come last when sorting
- Add icon support to select
- Fix dropdown to not stay on top of trigger
- Fix switch disable state
- Add click events for dropdown option
- Fix dropdown disable state
- Fix table columns not being reactive
- #90 Fix tabs with long elements (thanks @mirshko)
- #91 Update Bulma to v0.4.2
- #96 Add
visibleprop to table column - #102 Fix anchor tag / router-link on dropdown
- #104 Fix numeric zero values on input's maxlength (thanks @iwan-wijaya)
- Remove
label,iconandicon-packproperties from DropdownOption thanks to the new syntax, see docs - Remove
contentproperty from TableColumn, usev-htmlon an element inside TableColumn instead - Field, Snackbar and Toast
positionproperty now needs theis-prefix (eg.is-top-leftoris-centered) — Gotta fix these inconsistencies while it's still in beta - Remove
on-offprop from Switch
- New component: Autocomplete, see docs
- Switch design overhaul, see new style
- Fix Tabs dynamic height
- Add one more Sass variable:
$speed-slower: 250ms !default - Add
sizeprop to Switch - Add
.syncmodifier to Paginationcurrentprop - Add
activeproperty and changed animations of Notification and Message - Add Dropdown within nav example
- All selections control (Checkbox, Radio, RadioButton and Switch) can now be focused and changed by keyboard
- #69 Add loading state to Table
- #71 Add background for checked rows on Table (thanks @mikejavier)
- #72 Fix Table overflow
- #74 Fix DropdownOption slots, can customize with HTML now
- #76 Modal close event accepts parameters (thanks @gongzza)
- #77 Add index to Table scoped slot (thanks @UrVerySpecial)
- #78 Fix Table sorting zero values (thanks @gwvt)
- #82 Fix Select with numeric zero value
- New component: Tabs, see docs
- Add
contentprop to TableColumn, use this instead ofv-htmlor it might break on tables withmobile-cards(collapsed rows) - Alert Dialog accepts string as well
- Dialog open with focus on confirm button (easier to just hit enter)
- Modal can be used in template as well (non programmatic)
- Table automatically scrolls if overflowed
- #62 Add sort direction with Table
mobile-cards - #67 Fix Table sort null values
- Field
groupednow also works on nested Fields - Add Modal props
- Fix all animations
- Fix row click error
- Fix
.syncmodifier - #56 Fix selection controls initial state always false
- #58 Fix Table
checked-rowsprop not updating on Chrome
Show any content you want in a modal programatically, like an image:
this.$modal.open(
`<p class="image is-4by3">
<img src="./static/placeholder-1280x960.png">
</p>`
)or a component:
import CustomComponent from './components/CustomComponent'
this.$modal.open({
component: CustomComponent
})Breakable changes on it, now requires a scoped slot to wrap the columns, and a slot inside the column. You have now full control over the content of cells:
<b-table :data="data">
<template scope="props">
<b-table-column field="id" label="ID" sortable numeric>
{{ props.row.id }}
</b-table-column>
<b-table-column field="user.first_name" label="First Name" sortable>
{{ props.row.user.first_name }}
</b-table-column>
<b-table-column field="date" label="Date" sortable
v-html="formatDate(props.row.date)">
</b-table-column>
<b-table-column field="gender" label="Gender">
<b-icon
pack="fa"
:icon="props.row.gender === 'Male' ? 'mars' : 'venus'">
</b-icon>
{{ props.row.gender }}
</b-table-column>
</template>
</b-table>- Prop
selectablerenamed toselectedand expects an Object, if you have Vuejs v2.3+ you can use the.syncmodifier to make it two-way binding:
<b-table :data="data" :selected.sync="selectedRow">is the same as:
<b-table :data="data" :selected="selectedRow" @select="row => selectedRow = row">- Table new prop
checked-rowsthat expects an Array, if you have Vuejs v2.3+ you can use the.syncmodifier to make it two-way binding - Table
render-htmlprop removed thanks to the new syntax - Column
componentprop removed thanks to the new syntax - Column
fieldprop now accepts nested object keys
- Breaking: Select
b-optionis now onlyoption - Breaking: Dropdown
b-optionis nowb-dropdown-option - Fix Dropdown background overlay index
- #43 Fix Dialog cancel button focus state
- #50 Add
page-changeevent on Table - #52 Fix Select option
- #53 Add
type=buttonto notifications
- Update Vue to 2.2.6
- Update Bulma to 0.4.1
- #35 Fix Dropdown TypeError
- #29, #39 Fix SSR
- #42 Fix Table
default-sortprop - #40 Select now use native select, removed
searchableproperty
- Add
loadingproperty to Select - Fix Checkbox disabled style
- Fix Input not being validated when v-model is updated
- Fix Input
loadingoverlapping other icons - Fix Input
password-revealicon being overlapped by Fieldtypeicon - #23 Fix Select with addons overflowing
- #30 Fix Table
backend-sortingresetting sorted column - #33 Fix Input and Select on-blur listener removing user-defined Field
typeandmessage
- New component: Select
- New component: Dropdown
- Breaking: Rename Table property
htmltorender-html - Fix Pagination buttons messing up at pages 3 and 4
- Fix Dialog keeping keyup event
- Fix prompt Dialog not validating before confirming
- #6 Fix docs not working on IE. Thanks to AngelMunoz!
- #9 Fix Table
borderedsorted column - #10 Add Table
backend-sortingproperty andsortevent - #14 Add
componentproperty on Table. Thanks to korpa!
- Fix #12
- Refactored Notification and Message
- Add animation when closing Notification and Message
- Fix #5 — now serving compiled files
- Fix #6 (partially) — docs now working on Edge
- Add "UI Elements" on docs to specify that the user can use anything from Bulma
- Redone the construtor options structure to work with the compiled build
- Fix Switch two-way data binding not working correctly
- Fix Radio animation not working properly
- Fix #2 — select arrow misplaced
- Fix Input's help message overlapping maxlength's counter
- Fix Table column sorting — should start with ASC
- Fix Table mobile sorting not working
- Fix #1 —
libfolder not published
- New component: Input
- New component: Field
- Documentation done
- New component: Message
- New component: Tooltip
- New component: Dialog
- Add size option to Pagination
- Notification slightly modified to keep original Bulma style
- Toasts and Snackbars now queue between each other
- Toast duration reduced to 2s
- New component: Pagination
- Component rework: Notify is now Snackbar
- Table now uses the Pagination component
- Toasts are now queued
- Option to load components individually