@ntohq/buefy-next
Version:
Lightweight UI components for Vue.js (v3) based on Bulma
1,495 lines • 110 kB
JSON
{
"b-autocomplete/value": {
"description": "Binding value",
"type": "string|number"
},
"b-autocomplete/data": {
"description": "Options / suggestions",
"type": "array<string>|array<number>, array<object>"
},
"b-autocomplete/field": {
"description": "Property of the object (if data is array of objects) to use as display text, and to keep track of selected option",
"type": "string"
},
"b-autocomplete/custom-formatter": {
"description": "Function to format an option to a string for display in the input as alternative to field prop)",
"type": "function"
},
"b-autocomplete/group-field": {
"description": "Property of the object (if data is array of objects) to use as display text of group",
"type": "string"
},
"b-autocomplete/group-options": {
"description": "Property of the object (if data is array of objects) to use as key to get items array of each group, optional",
"type": "string"
},
"b-autocomplete/clear-on-select": {
"description": "Clear input text on select",
"type": "boolean"
},
"b-autocomplete/open-on-focus": {
"description": "Open dropdown list on focus",
"type": "boolean"
},
"b-autocomplete/keep-first": {
"description": "The first option will always be pre-selected (easier to just hit enter or tab)",
"type": "boolean"
},
"b-autocomplete/size": {
"description": "Vertical size of input, optional",
"type": "string"
},
"b-autocomplete/expanded": {
"description": "Makes input full width when inside a grouped or addon field",
"type": "boolean"
},
"b-autocomplete/loading": {
"description": "Add the loading state to the input",
"type": "boolean"
},
"b-autocomplete/icon": {
"description": "Icon name to be added",
"type": "string"
},
"b-autocomplete/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-autocomplete/confirm-keys": {
"description": "Array of keys (https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values) which will select an option when typing (default tab and enter)",
"type": "array"
},
"b-autocomplete/clearable": {
"description": "Add a button to clear the inputed text",
"type": "boolean"
},
"b-autocomplete/icon-right": {
"description": "Icon name to be added on the right side",
"type": "string"
},
"b-autocomplete/maxlength": {
"description": "Same as native maxlength, plus character counter",
"type": "string|number"
},
"b-autocomplete/check-infinite-scroll": {
"description": "Makes the component check if list reached scroll end and emit infinite-scroll event.",
"type": "boolean"
},
"b-autocomplete/max-height": {
"description": "Max height of dropdown content",
"type": "string|number"
},
"b-autocomplete/dropdown-position": {
"description": "Position of dropdown",
"type": "string"
},
"b-autocomplete/append-to-body": {
"description": "Append autocomplete content to body (prevents event bubbling)",
"type": "boolean"
},
"b-autocomplete/select-on-click-outside": {
"description": "Trigger the @select event for the first pre-selected option when clicking outside and keep-first is enabled",
"type": "boolean"
},
"b-autocomplete/selectable-header": {
"description": "Allows the header in the autocomplete to be selectable",
"type": "boolean"
},
"b-autocomplete/selectable-footer": {
"description": "Allows the footer in the autocomplete to be selectable",
"type": "boolean"
},
"b-autocomplete/compat-fallthrough": {
"description": "Whether class, style, and id attributes are applied to the root <div> element or the underlying <b-input>. If true, they are applied to the root <div> element, which is compatible with Vue 2.",
"type": "boolean"
},
"b-autocomplete/Any native attribute": {
"description": "—",
"type": "—"
},
"b-breadcrumb/align": {
"description": "Breadcrumb alignment.",
"type": "string"
},
"b-breadcrumb/separator": {
"description": "Symbol that separates the breadcrumb items.",
"type": "string"
},
"b-breadcrumb/size": {
"description": "The breadcrumb size",
"type": "string"
},
"b-breadcrumb-breadcrumb item/tag": {
"description": "a, router-link and it's html attributes like href, to, etc...",
"type": "string"
},
"b-breadcrumb-breadcrumb item/active": {
"description": "is the current breadcrumb is actually the current page.",
"type": "boolean"
},
"b-breadcrumb-breadcrumb item/compat-fallthrough": {
"description": "Whether class, style, and id attributes are applied to the root <li> element or the underlying tag. If true, they are applied to the root <li> element, which is compatible with Vue 2.",
"type": "boolean"
},
"b-button/type": {
"description": "Type (color) of the control, optional",
"type": "string"
},
"b-button/size": {
"description": "Vertical size of button, optional",
"type": "string"
},
"b-button/label": {
"description": "Button label, optional when default slot",
"type": "string"
},
"b-button/loading": {
"description": "Add the loading state to the button",
"type": "boolean"
},
"b-button/rounded": {
"description": "Rounded style",
"type": "boolean"
},
"b-button/outlined": {
"description": "Outlined style",
"type": "boolean"
},
"b-button/focused": {
"description": "Focused style",
"type": "boolean"
},
"b-button/inverted": {
"description": "Inverted style",
"type": "boolean"
},
"b-button/hovered": {
"description": "Hovered style",
"type": "boolean"
},
"b-button/active": {
"description": "Active style",
"type": "boolean"
},
"b-button/selected": {
"description": "Selected style",
"type": "boolean"
},
"b-button/expanded": {
"description": "Button will be expanded (full-width)",
"type": "boolean"
},
"b-button/icon-left": {
"description": "Icon name to show on the left",
"type": "string"
},
"b-button/icon-right": {
"description": "Icon name to show on the right",
"type": "string"
},
"b-button/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-button/native-type": {
"description": "Button type, like native",
"type": "string"
},
"b-button/tag": {
"description": "Button tag name",
"type": "string"
},
"b-button/Any native attribute": {
"description": "—",
"type": "—"
},
"b-carousel/value": {
"description": "Binding value",
"type": "number"
},
"b-carousel/animated": {
"description": "Transition effect",
"type": "string"
},
"b-carousel/interval": {
"description": "Interval of the autoplay, in milliseconds",
"type": "number"
},
"b-carousel/has-drag": {
"description": "Toggle touch dragging, when touch not detected. Auto switch mouse dragging",
"type": "boolean"
},
"b-carousel/autoplay": {
"description": "Whether to automatically loop the slides",
"type": "boolean"
},
"b-carousel/pause-hover": {
"description": "Pause carousel when autoplay and mouse enter",
"type": "boolean"
},
"b-carousel/pause-info": {
"description": "Show information about pause when autoplay and pause-hover",
"type": "boolean"
},
"b-carousel/pause-info-type": {
"description": "Type (color) of the pause-info, optional",
"type": "string"
},
"b-carousel/pause-text": {
"description": "Text when pause",
"type": "string"
},
"b-carousel/arrow": {
"description": "\tDisplay the \"next\" and \"prev\" action",
"type": "boolean"
},
"b-carousel/arrow-hover": {
"description": "Display the \"next\" and \"prev\" action when hover, but hidden on mobile",
"type": "boolean"
},
"b-carousel/repeat": {
"description": "Controls whether the carousel loops around at the start and end",
"type": "boolean"
},
"b-carousel/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-carousel/icon-size": {
"description": "Arrow icon size, optional",
"type": "string"
},
"b-carousel/icon-prev": {
"description": "Icon to use for previous arrow",
"type": "string"
},
"b-carousel/icon-next": {
"description": "Icon to use for next arrow",
"type": "string"
},
"b-carousel/indicator": {
"description": "Display the indicator for jumping to specific item",
"type": "boolean"
},
"b-carousel/indicator-background": {
"description": "Adds background to indicator",
"type": "boolean"
},
"b-carousel/indicator-custom": {
"description": "Use when there are more than 6 images so that the indicator is not too small",
"type": "boolean"
},
"b-carousel/indicator-custom-size": {
"description": "Image size of the indicator when the indicator-custom is used",
"type": "string"
},
"b-carousel/indicator-inside": {
"description": "Display the indicator inside the carousel",
"type": "boolean"
},
"b-carousel/indicator-mode": {
"description": "Trigger for action indicator",
"type": "string"
},
"b-carousel/indicator-position": {
"description": "Position indicator only when indicator-inside",
"type": "string"
},
"b-carousel/indicator-style": {
"description": "Style for indicator of carousel",
"type": "string"
},
"b-carousel/overlay": {
"description": "Switch like a gallery",
"type": "boolean"
},
"b-carousel/progress": {
"description": "Display the progress item of carousel",
"type": "boolean"
},
"b-carousel/progress-type": {
"description": "Type (color) of the progress, optional",
"type": "string"
},
"b-carousel/with-carousel-list": {
"description": "Use when indicator custom with b-carousel-list",
"type": "boolean"
},
"b-carousel-item/order": {
"description": "Order of the item. Carousel sorts the items in ascending order of this value. By default, the order is determined according to when items are mounted in sequence. You have to give an explicit value if you want to keep the ordering when the number of items in Carousel may vary.",
"type": "number"
},
"b-carousel-list/value": {
"description": "Binding value",
"type": "number"
},
"b-carousel-list/data": {
"description": "Carousel-list data (any b-image prop can be used)",
"type": "array"
},
"b-carousel-list/has-drag": {
"description": "Toggle touch dragging, when touch not detected. Auto switch mouse dragging",
"type": "boolean"
},
"b-carousel-list/has-grayscale": {
"description": "Give a grayscale effect to img",
"type": "boolean"
},
"b-carousel-list/has-opacity": {
"description": "Give an opacity effect to img",
"type": "boolean"
},
"b-carousel-list/repeat": {
"description": "Returns carousel to start when active item matches length of data",
"type": "boolean"
},
"b-carousel-list/items-to-show": {
"description": "Count of items to be showed per view (supports a decimal).",
"type": "number"
},
"b-carousel-list/items-to-list": {
"description": "Count of items to list when using navigation buttons",
"type": "number"
},
"b-carousel-list/as-indicator": {
"description": "Switch mode to indicator for carousel",
"type": "boolean"
},
"b-carousel-list/refresh": {
"description": "Refresh for carousel overlay",
"type": "boolean"
},
"b-carousel-list/arrow": {
"description": "Display the \"next\" or \"prev\" action when first or last item",
"type": "boolean"
},
"b-carousel-list/arrow-hover": {
"description": "Display arrow action when hovered. Hidden on mobile",
"type": "boolean"
},
"b-carousel-list/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-carousel-list/icon-size": {
"description": "Arrow icon size, optional",
"type": "string"
},
"b-carousel-list/icon-prev": {
"description": "Icon to use for previous arrow",
"type": "string"
},
"b-carousel-list/icon-next": {
"description": "Icon to use for next arrow",
"type": "string"
},
"b-checkbox/value": {
"description": "Binding value",
"type": "any"
},
"b-checkbox/native-value": {
"description": "Same as native value",
"type": "any"
},
"b-checkbox/indeterminate": {
"description": "Same as native indeterminate",
"type": "boolean"
},
"b-checkbox/true-value": {
"description": "Overrides the returned value when it's checked",
"type": "any"
},
"b-checkbox/false-value": {
"description": "Overrides the returned value when it's not checked",
"type": "any"
},
"b-checkbox/disabled": {
"description": "Same as native disabled",
"type": "boolean"
},
"b-checkbox/required": {
"description": "Same as native required",
"type": "boolean"
},
"b-checkbox/name": {
"description": "Same as native name",
"type": "string"
},
"b-checkbox/size": {
"description": "Size of the control, optional",
"type": "string"
},
"b-checkbox/type": {
"description": "Type (color) of the control, optional",
"type": "string"
},
"b-checkbox/aria-labelledby": {
"description": "Accessibility label to establish relationship between the checkbox and control label",
"type": "string"
},
"b-checkbox/input-id": {
"description": "String to set the inner input id",
"type": "string"
},
"b-checkbox-button/value": {
"description": "Binding value",
"type": "any"
},
"b-checkbox-button/native-value": {
"description": "Same as native value",
"type": "any"
},
"b-checkbox-button/type": {
"description": "Type (color) of the button <strong>when checked</strong>",
"type": "string"
},
"b-checkbox-button/disabled": {
"description": "Same as native disabled",
"type": "boolean"
},
"b-checkbox-button/name": {
"description": "Same as native name",
"type": "string"
},
"b-checkbox-button/size": {
"description": "Size of the button, optional",
"type": "string"
},
"b-checkbox-button/expanded": {
"description": "Checkbox button will be expanded (full-width)",
"type": "boolean"
},
"b-clockpicker/value": {
"description": "Binding value",
"type": "date"
},
"b-clockpicker/type": {
"description": "Type (color) of the button <strong>when checked</strong>",
"type": "string"
},
"b-clockpicker/hour-format": {
"description": "Hour format for input and display",
"type": "string"
},
"b-clockpicker/increment-minutes": {
"description": "Unit for increment minutes ",
"type": "number"
},
"b-clockpicker/time-formatter": {
"description": "Function to format time (Date type) to a string for display in the input",
"type": "function"
},
"b-clockpicker/time-parser": {
"description": "Function to parse string to a time (Date type) for set a time from the input to the component",
"type": "function"
},
"b-clockpicker/min-time": {
"description": "Earliest time available for selection",
"type": "date"
},
"b-clockpicker/max-time": {
"description": "Latest time available for selection",
"type": "date"
},
"b-clockpicker/size": {
"description": "Vertical size of input, optional",
"type": "string"
},
"b-clockpicker/inline": {
"description": "Clockpicker is shown inline, input is removed",
"type": "boolean"
},
"b-clockpicker/editable": {
"description": "Enable input/typing. <b>Note that you might have to set a custom time parser</b>",
"type": "boolean"
},
"b-clockpicker/disabled": {
"description": "Disables the input field and/or picker",
"type": "boolean"
},
"b-clockpicker/loading": {
"description": "Add the loading state to the input",
"type": "boolean"
},
"b-clockpicker/icon": {
"description": "Icon name to be added",
"type": "string"
},
"b-clockpicker/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-clockpicker/unselectable-times": {
"description": "Array of unselectable times (Date object)",
"type": "array"
},
"b-clockpicker/mobile-native": {
"description": "Enable native timepicker on mobile",
"type": "boolean"
},
"b-clockpicker/mobile-modal": {
"description": "Clockpicker is shown into a modal on mobile",
"type": "boolean"
},
"b-clockpicker/position": {
"description": "Optional, position of the timepicker relative to the input",
"type": "string"
},
"b-clockpicker/auto-switch": {
"description": "Automatically switches between hour and minutes selection after click",
"type": "boolean"
},
"b-clockpicker/open-on-focus": {
"description": "Open clockpicker on input focus",
"type": "boolean"
},
"b-clockpicker/hours-label": {
"description": "Label to show on hour button",
"type": "string"
},
"b-clockpicker/minutes-label": {
"description": "Label to show on minutes button",
"type": "string"
},
"b-clockpicker/append-to-body": {
"description": "Append clockpicker calendar to body (prevents event bubbling)",
"type": "boolean"
},
"b-clockpicker/locale": {
"description": "Accept a string with a BCP 47 language tag, or an array of such strings.\n See <a href=\"https://www.unicode.org/reports/tr35/tr35.html#BCP_47_Conformance\" target=\"_blank\">Unicode BCP 47 locale identifier</a>",
"type": "string|array of string"
},
"b-clockpicker/compat-fallthrough": {
"description": "Whether class, style, and id attributes are applied to the root <div> element or the underlying input component. If true, they are applied to the root <div> element, which is compatible with Vue 2.",
"type": "boolean"
},
"b-clockpicker/Any native attribute": {
"description": "—",
"type": "—"
},
"b-collapse/open": {
"description": "Whether collapse is open or not, use the .sync modifier to make it two-way binding",
"type": "boolean"
},
"b-collapse/animation": {
"description": "Custom animation (transition name)",
"type": "string"
},
"b-collapse/aria-id": {
"description": "Id for the container div. Should be used with aria-controls on trigger for better accessibility.",
"type": "string"
},
"b-collapse/position": {
"description": "Trigger position",
"type": "string"
},
"b-colorpicker/value": {
"description": "Binding value",
"type": "object(color)"
},
"b-colorpicker/representation": {
"description": "Representation of Saturation & Lightness values",
"type": "string"
},
"b-colorpicker/alpha": {
"description": "Allow color with transparency",
"type": "boolean"
},
"b-colorpicker/color-formatter": {
"description": "Function to format color to a string for display in the button",
"type": "function"
},
"b-colorpicker/color-parser": {
"description": "Function to parse value to a color",
"type": "function"
},
"b-colorpicker/size": {
"description": "Vertical size of input and picker, optional",
"type": "string"
},
"b-colorpicker/inline": {
"description": "Colorpicker is shown inline, button is removed",
"type": "boolean"
},
"b-colorpicker/position": {
"description": "Optional, position of the colorpicker relative to the button",
"type": "string"
},
"b-colorpicker/open-on-focus": {
"description": "Open colorpicker on button focus",
"type": "boolean"
},
"b-colorpicker/focusable": {
"description": "Colorpicker container can be focused",
"type": "boolean"
},
"b-colorpicker/trap-focus": {
"description": "Trap focus inside the colorpicker.",
"type": "boolean"
},
"b-colorpicker/close-on-click": {
"description": "Choose whether the Colorpicker should close after selecting a color",
"type": "boolean"
},
"b-colorpicker/append-to-body": {
"description": "Append colorpicker dropdown to body (prevents event bubbling)",
"type": "boolean"
},
"b-colorpicker/Any native attribute": {
"description": "—",
"type": "—"
},
"b-datepicker/value": {
"description": "Binding value",
"type": "date"
},
"b-datepicker/date-formatter": {
"description": "Function to format date to a string for display in the input",
"type": "function"
},
"b-datepicker/date-parser": {
"description": "Function to parse string to a date for set a date from the input to the component",
"type": "function"
},
"b-datepicker/date-creator": {
"description": "Function used internally to create a new Date instance",
"type": "function"
},
"b-datepicker/min-date": {
"description": "Earliest date available for selection",
"type": "date"
},
"b-datepicker/max-date": {
"description": "Latest date available for selection",
"type": "date"
},
"b-datepicker/events": {
"description": "Dates to display indicators",
"type": "array"
},
"b-datepicker/indicators": {
"description": "Shape to use when showing event indicators",
"type": "string"
},
"b-datepicker/focused-date": {
"description": "Date that should be initially focused upon",
"type": "date"
},
"b-datepicker/size": {
"description": "Vertical size of input and picker, optional",
"type": "string"
},
"b-datepicker/inline": {
"description": "Datepicker is shown inline, input is removed",
"type": "boolean"
},
"b-datepicker/editable": {
"description": "Enable input/typing. <b>Note that you might have to set a custom date parser</b>",
"type": "boolean"
},
"b-datepicker/loading": {
"description": "Add the loading state to the input",
"type": "boolean"
},
"b-datepicker/icon": {
"description": "Icon name to be added",
"type": "string"
},
"b-datepicker/icon-right": {
"description": "Icon name to be added on the right side",
"type": "string"
},
"b-datepicker/icon-right-clickable": {
"description": "Make the right icon clickable",
"type": "boolean"
},
"b-datepicker/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-datepicker/icon-prev": {
"description": "Icon to use for previous month",
"type": "string"
},
"b-datepicker/icon-next": {
"description": "Icon to use for next month",
"type": "string"
},
"b-datepicker/unselectable-dates": {
"description": "Array of unselectable dates, or a function to identify unselectable dates",
"type": "array|function"
},
"b-datepicker/unselectable-days-of-week": {
"description": "Array of unselectable days of week",
"type": "array"
},
"b-datepicker/selectable-dates": {
"description": "Array of selectable dates, or a function to identify selectable dates",
"type": "array|function"
},
"b-datepicker/locale": {
"description": "Accept a string with a BCP 47 language tag, or an array of such strings.\n See <a href=\"https://www.unicode.org/reports/tr35/tr35.html#BCP_47_Conformance\" target=\"_blank\">Unicode BCP 47 locale identifier</a>",
"type": "string|array of string"
},
"b-datepicker/month-names": {
"description": "Names of months to display in table header",
"type": "array"
},
"b-datepicker/day-names": {
"description": "Names of days to display in table header",
"type": "array"
},
"b-datepicker/first-day-of-week": {
"description": "First day of week to display in table header",
"type": "number"
},
"b-datepicker/mobile-native": {
"description": "Enable native datepicker on mobile",
"type": "boolean"
},
"b-datepicker/mobile-modal": {
"description": "Datepicker is shown into a modal on mobile",
"type": "boolean"
},
"b-datepicker/position": {
"description": "Optional, position of the datepicker relative to the input",
"type": "string"
},
"b-datepicker/open-on-focus": {
"description": "Open datepicker on input focus",
"type": "boolean"
},
"b-datepicker/type": {
"description": "Type of picker",
"type": "string"
},
"b-datepicker/years-range": {
"description": "Years range relative to selected year",
"type": "array"
},
"b-datepicker/nearby-month-days": {
"description": "Show/Hide nearby month days (prev and next month)",
"type": "boolean"
},
"b-datepicker/nearby-selectable-month-days": {
"description": "When nearby-month-days, it allows to select/unselect nearby month days",
"type": "boolean"
},
"b-datepicker/show-week-number": {
"description": "Display week number",
"type": "boolean"
},
"b-datepicker/week-number-clickable": {
"description": "Enable click on week number",
"type": "boolean"
},
"b-datepicker/rules-for-first-week": {
"description": "Choose the rule to determinate the first week of Year, 4 for ISO or 1 for other",
"type": "number"
},
"b-datepicker/range": {
"description": "Flag to allow choosing a range of date",
"type": "boolean"
},
"b-datepicker/multiple": {
"description": "Flag to allow choosing multiple dates",
"type": "boolean"
},
"b-datepicker/focusable": {
"description": "Datepicker container can be focused",
"type": "boolean"
},
"b-datepicker/trap-focus": {
"description": "Trap focus inside the datepicker.",
"type": "boolean"
},
"b-datepicker/close-on-click": {
"description": "Choose whether the Datepicker should close after selecting a date",
"type": "boolean"
},
"b-datepicker/append-to-body": {
"description": "Append datepicker calendar to body (prevents event bubbling)",
"type": "boolean"
},
"b-datepicker/aria-next-label": {
"description": "Accessibility label for the next month button.",
"type": "string"
},
"b-datepicker/aria-previous-label": {
"description": "Accessibility label for the previous month button.",
"type": "string"
},
"b-datepicker/compat-fallthrough": {
"description": "Whether class, style, and id attributes are applied to the root <div> element or the underlying <b-input> component. If true, they are applied to the root <div> element, which is compatible with Buefy for Vue 2.",
"type": "boolean"
},
"b-datepicker/Any native attribute": {
"description": "—",
"type": "—"
},
"b-datetimepicker/value": {
"description": "Binding value",
"type": "date"
},
"b-datetimepicker/datetime-formatter": {
"description": "Function to format datetime (Date type) to a string for displaying in the input",
"type": "function"
},
"b-datetimepicker/datetime-parser": {
"description": "Function to parse string to a datetime (Date type) for setting the component's datetime from the input",
"type": "function"
},
"b-datetimepicker/min-datetime": {
"description": "Earliest datetime available for selection",
"type": "date"
},
"b-datetimepicker/max-datetime": {
"description": "Latest datetime available for selection",
"type": "date"
},
"b-datetimepicker/first-day-of-week": {
"description": "First day of week to display in table header",
"type": "number"
},
"b-datetimepicker/nearby-month-days": {
"description": "Show/Hide nearby month days (prev and next month)",
"type": "boolean"
},
"b-datetimepicker/size": {
"description": "Vertical size of input and picker, optional",
"type": "string"
},
"b-datetimepicker/inline": {
"description": "Datimepicker is shown inline, input is removed",
"type": "boolean"
},
"b-datetimepicker/editable": {
"description": "Enable input/typing. <b>Note that you might have to set a custom time parser</b>",
"type": "boolean"
},
"b-datetimepicker/loading": {
"description": "Add the loading state to the input",
"type": "boolean"
},
"b-datetimepicker/icon": {
"description": "Icon name to be added",
"type": "string"
},
"b-datetimepicker/icon-right": {
"description": "Icon name to be added on the right side",
"type": "string"
},
"b-datetimepicker/icon-right-clickable": {
"description": "Make the right icon clickable",
"type": "boolean"
},
"b-datetimepicker/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-datetimepicker/mobile-native": {
"description": "Enable native datetimepicker on mobile",
"type": "boolean"
},
"b-datetimepicker/position": {
"description": "Optional, position of the timepicker relative to the input",
"type": "string"
},
"b-datetimepicker/open-on-focus": {
"description": "Open timepicker on input focus",
"type": "boolean"
},
"b-datetimepicker/datepicker": {
"description": "Any datepicker props",
"type": "object"
},
"b-datetimepicker/timepicker": {
"description": "Any timepicker props",
"type": "object"
},
"b-datetimepicker/focusable": {
"description": "Datetimepicker container can be focused",
"type": "boolean"
},
"b-datetimepicker/horizontal-time-picker": {
"description": "Changes the time picker layout to a horizontal position",
"type": "boolean"
},
"b-datetimepicker/append-to-body": {
"description": "Append datetimepicker calendar to body (prevents event bubbling)",
"type": "boolean"
},
"b-datetimepicker/locale": {
"description": "Accept a string with a BCP 47 language tag, or an array of such strings.\n See <a href=\"https://www.unicode.org/reports/tr35/tr35.html#BCP_47_Conformance\" target=\"_blank\">Unicode BCP 47 locale identifier</a>",
"type": "string|array of string"
},
"b-datetimepicker/Any native attribute": {
"description": "—",
"type": "—"
},
"b-dialog/type": {
"description": "Type (color) of the confirm button (and the icon if hasIcon)",
"type": "string"
},
"b-dialog/title": {
"description": "Dialog title",
"type": "string"
},
"b-dialog/message": {
"description": "Message text (can contain HTML). <div class=\"notification is-danger\">Dynamically rendering arbitrary HTML on your website can be very dangerous because it can easily lead to <a href=\"https://en.wikipedia.org/wiki/Cross-site_scripting\" target=\"_blank\" rel=\"noopener\">XSS vulnerabilities</a>. Only use HTML interpolation on trusted content and never on user-provided content.</div>",
"type": "string|array<vnode>"
},
"b-dialog/hasIcon": {
"description": "Adds an icon on the left side depending on the type or icon",
"type": "boolean"
},
"b-dialog/icon": {
"description": "Icon name if hasIcon, optional",
"type": "string"
},
"b-dialog/iconPack": {
"description": "Icon pack to use if hasIcon, optional",
"type": "string"
},
"b-dialog/size": {
"description": "Dialog's size, optional",
"type": "string"
},
"b-dialog/animation": {
"description": "Custom animation (transition name)",
"type": "string"
},
"b-dialog/confirmText": {
"description": "Text of the confirm button",
"type": "string"
},
"b-dialog/cancelText": {
"description": "Text of the cancel button",
"type": "string"
},
"b-dialog/canCancel": {
"description": "Can close dialog by clicking cancel button, pressing escape or clicking outside",
"type": "boolean|array"
},
"b-dialog/inputAttrs": {
"description": "Prompt only: input's attributes",
"type": "object"
},
"b-dialog/onConfirm": {
"description": "Callback function when the confirm button is clicked",
"type": "function(value: string| dialog: vueinstance)"
},
"b-dialog/closeOnConfirm": {
"description": "Turning this prop into false allows to make async requests in onConfirm callback",
"type": "boolean"
},
"b-dialog/onCancel": {
"description": "Callback function when the dialog is canceled (cancel button is clicked / pressed escape / clicked outside)",
"type": "function"
},
"b-dialog/scroll": {
"description": "clip to remove the <body> scrollbar, keep to have a non scrollable scrollbar\n to avoid shifting background, but will set <body> to position fixed, might break some layouts",
"type": "string"
},
"b-dialog/container": {
"description": "DOM element the dialog will be created on. Note that this also changes the position of the dialog from fixed to absolute. Meaning that the container should be fixed. Also note that this will override the defaultContainerElement if you specified it in your Buefy Constructor Options. See Constructor options for more details.",
"type": "string"
},
"b-dialog/focusOn": {
"description": "Focus on confirm or cancel button (when dialog is not prompt)",
"type": "string"
},
"b-dialog/trap-focus": {
"description": "Trap focus inside the dialog.",
"type": "boolean"
},
"b-dialog/aria-role": {
"description": "Role attribute to be passed to modal container for better accessibility.",
"type": "string"
},
"b-dialog/aria-modal": {
"description": "Improve accessiblity when enabled.",
"type": "boolean"
},
"b-dropdown/value": {
"description": "Binding value",
"type": "any"
},
"b-dropdown/triggers": {
"description": "Dropdown will be triggered by any events",
"type": "array"
},
"b-dropdown/position": {
"description": "Optional, position of the dropdown relative to the trigger",
"type": "string"
},
"b-dropdown/disabled": {
"description": "Disables dropdown",
"type": "boolean"
},
"b-dropdown/animation": {
"description": "Custom animation (transition name)",
"type": "string"
},
"b-dropdown/inline": {
"description": "Dropdown content (items) are shown inline, trigger is removed",
"type": "boolean"
},
"b-dropdown/mobile-modal": {
"description": "Dropdown content (items) are shown into a modal on mobile",
"type": "boolean"
},
"b-dropdown/expanded": {
"description": "Dropdown will be expanded (full-width)",
"type": "boolean"
},
"b-dropdown/aria-role": {
"description": "Role attribute to be passed to list container for better accessibility. Use menu only in situations where your dropdown is related to navigation menus.",
"type": "string"
},
"b-dropdown/multiple": {
"description": "Allows multiple selections",
"type": "boolean"
},
"b-dropdown/trap-focus": {
"description": "Trap focus inside the dropdown.",
"type": "boolean"
},
"b-dropdown/can-close": {
"description": "Can close dropdown by pressing escape or by clicking outside",
"type": "boolean|array"
},
"b-dropdown/close-on-click": {
"description": "Close dropdown when content is clicked",
"type": "boolean"
},
"b-dropdown/append-to-body": {
"description": "Append dropdown content to body (prevents event bubbling)",
"type": "boolean"
},
"b-dropdown/scrollable": {
"description": "Dropdown content will be scrollable",
"type": "boolean"
},
"b-dropdown/max-height": {
"description": "Max height of dropdown content",
"type": "string|number"
},
"b-dropdown/trigger-tabindex": {
"description": "Set the tabindex attribute on the dropdown trigger div (-1 to prevent selection via tab key)",
"type": "number"
},
"b-dropdown-item/value": {
"description": "The value that will be returned on events and v-model",
"type": "any"
},
"b-dropdown-item/separator": {
"description": "Set the item to be a separator",
"type": "boolean"
},
"b-dropdown-item/disabled": {
"description": "Item is disabled",
"type": "boolean"
},
"b-dropdown-item/focusable": {
"description": "Item can be focused",
"type": "boolean"
},
"b-dropdown-item/custom": {
"description": "Item is not a clickable item",
"type": "boolean"
},
"b-dropdown-item/has-link": {
"description": "Use it if your item is an anchor tag or router-link",
"type": "boolean"
},
"b-dropdown-item/paddingless": {
"description": "Remove padding",
"type": "boolean"
},
"b-dropdown-item/aria-role": {
"description": "Role attribute to be passed to list item for better accessibility. Use menuitem only in situations where your dropdown is related to navigation menus.",
"type": "string"
},
"b-field/type": {
"description": "Type (color) of the field and help message, also adds a matching icon, optional. Used by Input, Select and Autocomplete",
"type": "string|object"
},
"b-field/label": {
"description": "Field label",
"type": "string"
},
"b-field/label-for": {
"description": "Same as native for set on the label",
"type": "string"
},
"b-field/custom-class": {
"description": "CSS classes to be applied on field label",
"type": "string"
},
"b-field/message": {
"description": "Help message text",
"type": "string|object, array<string>, array<object>"
},
"b-field/grouped": {
"description": "Direct child components/elements of Field will be grouped horizontally (see which ones at the top of the page). Do not mix with horizontal because there is an issue that the validation error cannot be reset once it is set if combined with horizontal.",
"type": "boolean"
},
"b-field/group-multiline": {
"description": "Allow controls to fill up multiple lines, making it responsive",
"type": "boolean"
},
"b-field/position": {
"description": "Which position should the addons appear, optional",
"type": "string"
},
"b-field/addons": {
"description": "Field automatically attach controls together",
"type": "boolean"
},
"b-field/horizontal": {
"description": "Group label and control on the same line for horizontal forms. Do not mix with grouped because there is an issue that the validation error cannot be reset once it is set if combined with grouped.",
"type": "boolean"
},
"b-field/label-position": {
"description": "Position of label",
"type": "string"
},
"b-icon/type": {
"description": "Type (color) of the icon, optional",
"type": "string|object"
},
"b-icon/pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-icon/icon": {
"description": "Icon name",
"type": "string"
},
"b-icon/size": {
"description": "Icon size, optional",
"type": "string"
},
"b-icon/custom-size": {
"description": "Overrides icon font size, optional",
"type": "string"
},
"b-icon/custom-class": {
"description": "Add class to icon font (<i> tag), optional.\n See <a href=\"https://materialdesignicons.com/getting-started\" target=\"_blank\">here for MDI</a>,\n <a href=\"http://fontawesome.io/examples/\" target=\"_blank\">here for FontAwesome 4</a> and\n <a href=\"https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs\" target=\"_blank\">here for FontAwesome 5</a> custom classes",
"type": "string"
},
"b-image/src": {
"description": "The image url you want to display. You can use webp extension here. Do not forget to specify a fallback for browsers that do not support this format yet.",
"type": "string"
},
"b-image/alt": {
"description": "The image alternate text, if it cannot be displayed.",
"type": "string"
},
"b-image/src-fallback": {
"description": "The image url you want to display if the image specified using src fails to load.",
"type": "string"
},
"b-image/webp-fallback": {
"description": "Fallback when using webp format. You can specify an extension only (.jpg, .jpeg, .png, .gif) if the filename is the same. You can use a full url if not.",
"type": "string"
},
"b-image/lazy": {
"description": "Use IntersectionObserver to display the image only when in viewport.",
"type": "boolean"
},
"b-image/responsive": {
"description": "The image will take 100% of the parent width. Use this with ratio to prevent page jump when images are loading.",
"type": "boolean"
},
"b-image/ratio": {
"description": "The space will be reserved. Prevent page jump when images are loading when using responsive.",
"type": "string"
},
"b-image/placeholder": {
"description": "The image that will be displayed before the src load. Useful if you want to use lqip technique. Will use webp-fallback if only an extension is given.",
"type": "string"
},
"b-image/srcset": {
"description": "You can enter a valid srcset value (ex. \"image1.webp 400w,image2.webp 800w\"). Will use webp-fallback if only an extension is given.",
"type": "string"
},
"b-image/srcset-sizes": {
"description": "It will generate a srcset string using those sizes.",
"type": "array<number>"
},
"b-image/srcset-formatter": {
"description": "Function to format src according to a given size.",
"type": "function"
},
"b-image/rounded": {
"description": "Rounded image.",
"type": "boolean"
},
"b-image/custom-class": {
"description": "Add custom css class to the img tag.",
"type": "string"
},
"b-input/value": {
"description": "Binding value",
"type": "string|number"
},
"b-input/lazy": {
"description": "Makes the binding lazy. Note: v-model.lazy won't work",
"type": "boolean"
},
"b-input/type": {
"description": "Input type, like native",
"type": "string"
},
"b-input/size": {
"description": "Vertical size of input, optional",
"type": "string"
},
"b-input/expanded": {
"description": "Makes input full width when inside a grouped or addon field",
"type": "boolean"
},
"b-input/password-reveal": {
"description": "Add the reveal password functionality",
"type": "boolean"
},
"b-input/loading": {
"description": "Add the loading state to the input",
"type": "boolean"
},
"b-input/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-input/icon": {
"description": "Icon name to be added",
"type": "string"
},
"b-input/icon-right": {
"description": "Icon name to be added on the right side",
"type": "string"
},
"b-input/icon-clickable": {
"description": "Make the icon clickable",
"type": "boolean"
},
"b-input/icon-right-clickable": {
"description": "Make the icon right clickable",
"type": "boolean"
},
"b-input/maxlength": {
"description": "Same as native maxlength, plus character counter",
"type": "string|number"
},
"b-input/has-counter": {
"description": "Show character counter when maxlength prop is passed",
"type": "boolean"
},
"b-input/custom-class": {
"description": "CSS classes to be applied on input",
"type": "string"
},
"b-input/validation-message": {
"description": "The message which is shown when a validation error occurs",
"type": "string"
},
"b-input/compat-fallthrough": {
"description": "Whether class, style, and id attributes are applied to the root <div>, or either of <input> or <textarea> element. If true, they are applied to the root <div> element, which is compatible with Vue 2.",
"type": "boolean"
},
"b-input/Any native attribute": {
"description": "—",
"type": "—"
},
"b-loading/active": {
"description": "Whether loading is active or not, use the .sync modifier to make it two-way binding",
"type": "boolean"
},
"b-loading/animation": {
"description": "Custom animation (transition name)",
"type": "string"
},
"b-loading/is-full-page": {
"description": "Loader will overlay the full page",
"type": "boolean"
},
"b-loading/can-cancel": {
"description": "Can close Loading by pressing escape or clicking outside",
"type": "boolean"
},
"b-loading/on-cancel": {
"description": "Callback function to call after user canceled (pressed escape / clicked outside)",
"type": "function"
},
"b-menu/accordion": {
"description": "Close automatically the previous selected menu list",
"type": "boolean"
},
"b-menu/activable": {
"description": "Active automatically the clicked menu item",
"type": "boolean"
},
"b-menu-list/label": {
"description": "Menu list label",
"type": "string"
},
"b-menu-list/icon": {
"description": "Icon name",
"type": "string"
},
"b-menu-list/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-menu-list/aria-role": {
"description": "Role attribute to be passed to list container for better accessibility. Use menu only in situations where your dropdown is really related to navigation.",
"type": "string"
},
"b-menu-item/label": {
"description": "Menu item label",
"type": "string"
},
"b-menu-item/icon": {
"description": "Icon name",
"type": "string"
},
"b-menu-item/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-menu-item/disabled": {
"description": "Item is disabled",
"type": "boolean"
},
"b-menu-item/active": {
"description": "Item is active, use the .sync modifier to make it two-way binding",
"type": "boolean"
},
"b-menu-item/expanded": {
"description": "Item is expanded when default contains menu items, use the .sync modifier to make it two-way binding",
"type": "boolean"
},
"b-menu-item/animation": {
"description": "Custom animation (transition name)",
"type": "string"
},
"b-menu-item/tag": {
"description": "Button tag name",
"type": "string"
},
"b-menu-item/aria-role": {
"description": "Role attribute to be passed to list item for better accessibility. Use menuitem only in situations where your menu item is really related to navigation.",
"type": "string"
},
"b-menu-item/compat-fallthrough": {
"description": "Whether class, style, and id attributes are applied to the root <li> element or the underlying tag. If true, they are applied to the root <li> element, which is compatible with Buefy for Vue 2.",
"type": "boolean"
},
"b-menu-item/Any native attribute": {
"description": "—",
"type": "—"
},
"b-message/type": {
"description": "Type (color) of the message, optional",
"type": "string"
},
"b-message/active": {
"description": "Whether notification is active or not, use the .sync modifier to make it two-way binding",
"type": "boolean"
},
"b-message/closable": {
"description": "Adds an 'X' button that closes the notification — works if has a title",
"type": "boolean"
},
"b-message/auto-close": {
"description": "Hide notification after duration",
"type": "boolean"
},
"b-message/duration": {
"description": "Visibility duration in miliseconds",
"type": "number"
},
"b-message/progress-bar": {
"description": "remaining seconds before the alert will close (in seconds)",
"type": "boolean"
},
"b-message/icon-pack": {
"description": "Icon pack to use",
"type": "string"
},
"b-message/has-icon": {
"description": "Adds an icon on the left side depending on the type (or the icon prop if defined)",
"type": "boolean"
},
"b-message/icon": {
"description": "Icon name to use with has-icon",
"type": "boolean"
},
"b-message/size": {
"description": "Size of the control, optional",
"type": "string"
},
"b-message/icon-size": {
"description": "Size of the icon, optional",
"type": "string"
},
"b-message/title": {
"description": "Message title",
"type": "string"
},
"b-message/aria-close-label": {
"description": "Label for the close button, to be read by accessibility screenreaders.",
"type": "string"
},
"b-modal/active": {
"description": "Whether modal is active or not, use the .sync modifier to make it two-way binding",
"type": "boolean"
},
"b-modal/component": {
"description": "Component to be injected, used to open a component modal programmatically.\n Close modal within the component by emitting a 'close' event — this.$emit('close')",
"type": "object|function"
},
"b-modal/parent": {
"description": "Parent component of the modal, <strong>required</strong> if using component",
"type": "vue"
},
"b-modal/props": {
"description": "Props to be binded to the injected component",
"type": "object"
},
"b-modal/events": {
"description": "Events to be binded to the injected component",
"type": "object"
},
"b-modal/content": {
"description": "HTML content <div class=\"notification is-danger\">Dynamically rendering arbitrary HTML on your website can be very dangerous because it can easily lead to <a href=\"https://en.wikipedia.org/wiki/Cross-site_scripting\" target=\"_blank\" rel=\"noopener\">XSS vulnerabilities</a>. Only use HTML interpolation on trusted content and never on user-provided content.</div>",
"type": "string|array<vnode>"
},
"b-modal/width": {
"description": "Width of the Modal",
"type": "number|string"
},
"b-modal/full-screen": {
"description": "Display modal as full screen",
"type": "boolean"
},
"b-modal/has-modal-card": {
"description": "If your modal content has a .modal-card as root, add this prop or the card might break on mobile",
"type": "boolean"
},
"b-modal/animation": {
"description": "Custom animation (transition name)",
"type": "string"
},
"b-modal/can-cancel": {
"description": "Can close Modal by clicking 'X', pressing escape or clicking outside",
"type": "boolean|array"
},
"b-modal/on-cancel": {
"description": "Callback function to call after user canceled (clicked 'X' / pressed escape / clicked outside)",
"type": "function"
},
"b-modal/scroll": {
"description": "clip to remove the <