- 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)
- #409 Fix notification delete button
- #410 Fix alert triggering on upload
- 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