Lightweight UI components for Vue.js based on Bulma
MIT License
Bot releases are hidden (Show)
Published by jtommy over 3 years ago
keep first
on taginput elements (thanks @fabiofdsantos)detail-icon
prop to Table component (thanks @holtolee)delay
prop to Sidebar component (thanks @holtolee)nearby-selectable-month-days
prop (thanks @Raljuk)Published by jtommy over 3 years ago
draggable-column
prop to table (thanks @T0RAT0RA)Published by jtommy over 3 years ago
Published by jtommy over 3 years ago
rounded
prop to Upload (thanks @major-mayer)icon-right-type
prop to Input (thanks @Propaganistas)icon-right
prop to Datepicker (thanks @darotar)cancel-text
prop to Snackbar (thanks @adamgreenhall)indefinite
prop to Toast (thanks @service-paradis)aria-label
prop to Modal (thanks @crowdcow-shae)alt
attribute to placeholder image (thanks @chazmcgarvey )caption
slot to Image (thanks @chazmcgarvey )defaultSwitchRounded
default configuration option (thanks @service-paradis)detail-transition
prop to Table (thanks @service-paradis)aria-minus-label
and aria-plus-label
functions for b-numberinput
(thanks @service-paradis)th-attrs
and td-attrs
functions for b-table
boxed
navbar dropdown (thanks @yuwu9145)b-radio-button
(thanks @service-paradis)defaultDialogConfirmText
not workingappend-to-body
z-index
when inactive (thanks @Dragoncall)hovered
event with Autocomplete (thanks @fabiofdsantos)fixed
Navbar on the same page (thanks @WTDuck)auto-close
with inside
and outside
(thanks @elC0mpa)multiple
(thanks @service-paradis)Published by jtommy almost 4 years ago
is-light
variant to tooltip (thanks @service-paradis)cellclick
event to b-table (thanks @dauriata)controls-alignment
prop to Numberinput (thanks @jonagoldman)left-label
prop to switch component (thanks @kaangokdemir)indicator
prop to show Slider value inside thumb (thanks @re2005)autoFocus
prop to Modal (thanks @mateuswetah)aria-close-label
prop to Taginput (thanks @service-paradis)locale
in Slider (thanks @service-paradis)sticky-checkbox
option to b-table (thanks @Numenorian)rounded
prop to table pagination (thanks @nastiaKuzanastasia.kuznetsova)tooltip-always
prop for Slider component (thanks @kaangokdemir)#header
slot inside of b-message to place a custom header (thanks @m4st3rm4tz3)week-number-click
event to Datepickerinvalid
event to Upload (thanks @adamgreenhall)custom-search
prop to table columnlazy
prop for Image component (thanks @service-paradis)label-position="inside"
(thanks @service-paradis)$slider-track-background
for Slider track background (thanks @service-paradis)can-cancel
docsrounded prop
to datetimepickerdraggable
(thanks @service-paradis)minNumber
is undefined before assigning it in NumberInput (thanks @elC0mpa)append-to-body
append-to-body
Published by jtommy about 4 years ago
animation
prop to steps and tabsrange
to datepicker when type is month
(thanks @ryo-gk)after-enter
and after-leave
events tp modal (thanks @aglio)min-step
prop to number input (thanks @abroekhof)lazy
prop to input (thanks @304NotModified)centered
propt to navbar (thanks @holtolee)Published by jtommy about 4 years ago
group-label
and group-options
prop to autocomplete and taginputmessage
propdefaultTooltipDelay
constructor optioncontextmenu
event to tooltip triggersalt
, src-fallback
and error
prop to image (thanks @service-paradis)append-to-body
select-arrow-color
in order to use Bulma input-arrow
sass variableappend-to-body
and always
(thanks @jacenre)Published by jtommy about 4 years ago
is-expanded
class to menu item (thanks @btkostner)Published by jtommy about 4 years ago
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 triggers
prop and remove hoverable
prop to dropdown
Add placeholder option to number inputs removing default value 0 (thanks @rcoundon)
Show check-all
checkbox when table cards
Refacor carousel and carousel list and removing config
prop too (thanks @Tofandel)
Add position
prop and default alignment to skeleton (thanks @EmmanuelVlad)
Replace is-active
with active
prop to navbar
Replace default value of defaultDatepickerYearsRange
constructor option from [-100, 3]
to [-100, 10]
Build with condense
option to avoid leading/trailing whitespaces
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 locale
which accept a BCP 47 language tag have been added to some components. The default value for this prop is undefined
which will use the browser locale. It can affect the following components:
editable
editable
Configuration
defaultTrapFocus
is now true
. It can affect the following components:
defaultLocale
undefined
, which means it will use the user browser localemonthNames
dayNames
Use KeyboardEvent.key instead of keyCode. It can affect the following component:
remove-on-keys
default is now ["Backspace"]
instead of [8]
confirm-key-codes
is now called confirm-keys
and the default is [",", "Enter"]
instead of [13, 188]
v-model
but you can use .sync
until next breaking versiondefaultPromiseProgrammatically
constructor optionsdefaultStatusIcon
constructor option and status-icon
prop to fieldicon-size
prop to menu item (thanks @cyberShaw)debounce-search
prop to table (thanks @sc0ra)reset-on-meridian-change
to timepicker (thanks @taverasady)close-icon
to tag (thanks @kaangokdemir)close-type
to tag input (thanks @kaangokdemir)header-class
prop to tab item and step item (thanks @Tofandel)exponential
prop to number input (thanks @Tofandel)defaultTabsType
and defaultTabsExpanded
constructor options (thanks @wrabit)pause-hover
is false (thanks @Tofandel)allow-duplicates
is false (thanks @nithesh247)unselectable-dates
input
when same filesearchable
tablePublished by jtommy over 4 years ago
close-on-confirm
prop to dialog (thanks @kaangokdemir)open-on-focus
Published by jtommy over 4 years ago
value
prop to tabs-item and steps-itemsize
prop to skeletonpassive-type
prop for switch (thanks @kaangokdemir)icon-right
get higher priority than status icon on inputtype
when vertical
on steps (thanks @service-paradis)Thanks @roy20021 for vetur tags script !
Published by jtommy over 4 years ago
message
slot to fieldscrollable
and max-height
to dropdown (thanks @franciscoh017)rounded
prop to skeletonmobile-mode
prop and $steps-mobile-max-width
SCSS variable to stepexpand-on-hover-fixed
prop to sidebarexpanded
prop to upload (thanks @kaangokdemir)close-type
prop to tag (thanks @kaangokdemir)defaultTabsAnimated
constructor optionsicon-click
event to autcompleteselect
event on autocompletehas-link
Published by jtommy over 4 years ago
Published by jtommy over 4 years ago
destroy-on-hide
prop to modalsearchable
slot to table (thanks @service-paradis)icon-right
prop to autocompletevertical
and rounded
props to steps (thanks @service-paradis)step
prop to step item (thanks @service-paradis)card-layout
prop to tableis-row-selectable
prop to tablePublished by jtommy over 4 years ago
Published by jtommy over 4 years ago
append-to-body
prop to dropdown, autocomplete, datepicker, timepicker and datetimepickerdropdown-position
prop to dropdowncollapsible
prop to navbar dropdownPublished by jtommy over 4 years ago
selected
slot to taginputscrollable
prop to tablesticky
prop to table columncell-class
and header-class
prop to table columnheight
prop to tablefilters-event
prop to tablebigger-slider-focus
prop to slider (thanks @melogustavo)activable
prop to menumax-height
prop to autocompletemultiple
icon
and without default slotPublished by jtommy over 4 years ago
sticky-header
prop to tablePublished by jtommy over 4 years ago
clearable
prop to autocomplete (thanks @melogustavo)icon-right
prop to input (thanks @melogustavo)tag
slot to taginput (thanks @jacobgoh101)tz-offset
prop to datepicker (thanks @zedrdave)repeat
prop to carousel (thanks @GerryWilko)icon
prop to nofitication and message (thanks @service-paradis)multiline
prop to tabsautoplay
and no pauseattached
and over maxtagsinside
and add-onmobile
Published by jtommy over 4 years ago
focus
and blur
event on datetimepickeranimation
prop to notification (thanks @service-paradis)trap-focus
prop to datepicker (thanks @service-paradis)hour-increment
prop to timepicker (thanks @LeoMouyna)backend-filtering
prop and filters-change
event to table (thanks @zeljkokalezic)min-date
and max-date
(thanks @service-paradis)detailed
and hidden icon (thanks @rolandschuetz)open-on-focus