Constructor options

These are global default options, which are set on Buefy initialization

Vue.use(Buefy, {
    defaultIconPack: 'fas',
    defaultContainerElement: '#content',
    // ...


defaultIconPackIcon pack used internally and on the Icon component attribute — Material Design Icons or FontAwesome 4 or FontAwesome 5 String mdi, fa, fas, far, fadmdi
defaultIconComponentComponent used to render the Icon. Can be used to render FontAwesome 5 icons with the vue-fontawesome component Component FontAwesomeIcon component name
defaultContainerElementDefault container attribute for floating Notices (Toasts & Snackbars). Note that this also changes the position of the Notices from fixed to absolute. Meaning that the container should be fixed. String body
defaultDialogConfirmTextDefault dialog confirmText attribute String OK
defaultDialogCancelTextDefault dialog cancelText attribute String Cancel
defaultSnackbarDurationDefault snackbar duration attribute. Number 3500
defaultSnackbarPositionDefault snackbar position attribute. String is-top-right, is-top, is-top-left, is-bottom-right, is-bottom, is-bottom-leftis-bottom-right
defaultToastDurationDefault toast duration attribute. Number 2000
defaultToastPositionDefault toast position attribute. String is-top-right, is-top, is-top-left, is-bottom-right, is-bottom, is-bottom-leftis-top
defaultNotificationDurationDefault notification duration attribute. Number 2000
defaultNotificationPositionDefault notification position attribute for programmatically opening. String is-top-right, is-top, is-top-left, is-bottom-right, is-bottom, is-bottom-leftis-bottom-right
defaultTooltipTypeDefault tooltip type (color) attribute. String is-white, is-black, is-light, is-dark, is-primary, is-info, is-success, is-warning, is-danger, and any other colors you've set in the $colors list on Sassis-primary
defaultTooltipAnimatedDefault tooltip animated attribute. Boolean false
defaultInputAutocompleteDefault input autocomplete attribute. String on, offon
defaultDateFormatterDefault datepicker date-formatter attribute Function date.toLocaleDateString()
defaultDateParserDefault datepicker date-parser attribute Function Date.parse(date)
defaultDateCreatorDefault datepicker date-creator attribute Function new Date()
defaultDayNamesDefault datepicker day-names attribute Array ['Su', 'M', 'Tu', 'W', 'Th', 'F', 'S']
defaultMonthNamesDefault datepicker month-names attribute Array ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
defaultFirstDayOfWeekDefault datepicker first-day-of-week attribute Number 0
defaultUnselectableDaysOfWeekDefault datepicker unselectable-days-of-week attribute Array -
defaultTimeFormatterDefault timepicker time-formatter attribute Function HH:mm or HH:mm AM/PM
defaultTimeParserDefault timepicker time-parser attribute Function HH:mm or HH:mm AM/PM
defaultModalCanCancelDefault modal canCancel attribute Boolean, Array escape, x, outside, button['escape', 'x', 'outside', 'button']
defaultModalScrollDefault modal/dialog scroll attribute String clip, keepclip
defaultDatepickerMobileNativeDefault native datepicker on mobile Boolean true
defaultTimepickerMobileNativeDefault native timepicker on mobile Boolean true
defaultNoticeQueueDefault snackbar/toast/notification queue attribute Boolean true
defaultInputHasCounterDefault input has-counter attribute Boolean true
defaultUseHtml5ValidationDefault form components use-html5-validation attribute Boolean true

This page is open source. Noticed a typo or something's unclear?

Improve this page on GitHub