bootstrap-vue
Version:
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens
1,187 lines • 2.28 MB
JSON
{
"b-alert/variant": {
"description": "Applies one of the Bootstrap theme color variants to the component",
"type": "string"
},
"b-alert/dismissible": {
"description": "When set, enables the dismiss close button",
"type": "boolean"
},
"b-alert/dismiss-label": {
"description": "Value for the 'aria-label' attribute on the dismiss button",
"type": "string"
},
"b-alert/show": {
"description": "When set, shows the alert. Set to a number (seconds) to show and automatically dismiss the alert after the number of seconds has elapsed",
"type": "boolean|number|string"
},
"b-alert/fade": {
"description": "When set to `true`, enables the fade animation/transition on the component",
"type": "boolean"
},
"b-aspect/aspect": {
"description": "Aspect as a width to height numeric ratio (such as `1.5`) or `width:height` string (such as '16:9')",
"type": "number|string"
},
"b-aspect/tag": {
"description": "Specify the HTML tag to render instead of the default tag",
"type": "string"
},
"b-avatar/src": {
"description": "Image URL to use for the avatar",
"type": "string"
},
"b-avatar/text": {
"description": "Text to place in the avatar",
"type": "string"
},
"b-avatar/icon": {
"description": "Icon name to use for the avatar. Must be all lowercase. Defaults to `person-fill` if `text` or `src` props not provided",
"type": "string"
},
"b-avatar/alt": {
"description": "Value to place in the 'alt' attribute for image and icon avatars",
"type": "string"
},
"b-avatar/variant": {
"description": "Applies one of the Bootstrap theme color variants to the component",
"type": "string"
},
"b-avatar/size": {
"description": "Size of the avatar. Refer to the documentation for details",
"type": "number|string"
},
"b-avatar/square": {
"description": "Disables rounding of the avatar, rending the avatar with square corners",
"type": "boolean"
},
"b-avatar/rounded": {
"description": "Specifies the type of rounding to apply to the avatar. The `square` prop takes precedence. Refer to the documentation for details",
"type": "boolean|string"
},
"b-avatar/button": {
"description": "When set to `true`, renders the avatar as a button",
"type": "boolean"
},
"b-avatar/button-type": {
"description": "Type of button to render (i.e. `button`, `submit`, `reset`). Has no effect if prop button is not set",
"type": "string"
},
"b-avatar/badge": {
"description": "When `true` shows an empty badge on the avatar, alternatively set to a string for content in the badge",
"type": "boolean|string"
},
"b-avatar/badge-variant": {
"description": "Applies one of the Bootstrap theme color variants to the badge",
"type": "string"
},
"b-avatar/badge-top": {
"description": "When `true` places the badge at the top instead of the bottom",
"type": "boolean"
},
"b-avatar/badge-left": {
"description": "When `true` places the badge at the left instead of the right",
"type": "boolean"
},
"b-avatar/badge-offset": {
"description": "CSS length to offset the badge. Positive values move the badge inwards, while negative values move the badge outwards",
"type": "string"
},
"b-avatar/href": {
"description": "<b-link> prop: Denotes the target URL of the link for standard a links",
"type": "string"
},
"b-avatar/rel": {
"description": "<b-link> prop: Sets the `rel` attribute on the rendered link",
"type": "string"
},
"b-avatar/target": {
"description": "<b-link> prop: Sets the `target` attribute on the rendered link",
"type": "string"
},
"b-avatar/disabled": {
"description": "When set to `true`, disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-avatar/to": {
"description": "<router-link> prop: Denotes the target route of the link. When clicked, the value of the to prop will be passed to `router.push()` internally, so the value can be either a string or a Location descriptor object",
"type": "string|object"
},
"b-avatar/append": {
"description": "<router-link> prop: Setting append prop always appends the relative path to the current path",
"type": "boolean"
},
"b-avatar/replace": {
"description": "<router-link> prop: Setting the replace prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record",
"type": "boolean"
},
"b-avatar/active-class": {
"description": "<router-link> prop: Configure the active CSS class applied when the link is active. Typically you will want to set this to class name 'active'",
"type": "string"
},
"b-avatar/exact": {
"description": "<router-link> prop: The default active class matching behavior is inclusive match. Setting this prop forces the mode to exactly match the route",
"type": "boolean"
},
"b-avatar/exact-active-class": {
"description": "<router-link> prop: Configure the active CSS class applied when the link is active with exact match. Typically you will want to set this to class name 'active'",
"type": "string"
},
"b-avatar/prefetch": {
"description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `prefetch` to `true` or `false` will overwrite the default value of `router.prefetchLinks`",
"type": "boolean"
},
"b-avatar/no-prefetch": {
"description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `no-prefetch` will disabled this feature for the specific link",
"type": "boolean"
},
"b-avatar/router-component-name": {
"description": "<b-link> prop: BootstrapVue auto detects between `<router-link>` and `<nuxt-link>`. In cases where you want to use a 3rd party link component based on `<router-link>`, set this prop to the component name. e.g. set it to 'g-link' if you are using Gridsome (note only `<router-link>` specific props are passed to the component)",
"type": "string"
},
"b-avatar/aria-label": {
"description": "Sets the value of `aria-label` attribute on the rendered element",
"type": "string"
},
"b-avatar-group/variant": {
"description": "Applies one of the Bootstrap theme color variants to all child avatars",
"type": "string"
},
"b-avatar-group/size": {
"description": "Size of all the child avatars. Refer to the documentation for details",
"type": "string"
},
"b-avatar-group/overlap": {
"description": "Floating point number specifying the amount of overlap where `0` is no overlap and `1` is 100% overlap",
"type": "number|string"
},
"b-avatar-group/square": {
"description": "Disables rounding of the child avatars, rendering each avatar with square corners",
"type": "boolean"
},
"b-avatar-group/rounded": {
"description": "Specifies the type of rounding to apply to the child avatars. The `square` prop takes precedence. Refer to the documentation for details",
"type": "boolean|string"
},
"b-avatar-group/tag": {
"description": "Specify the HTML tag to render instead of the default tag",
"type": "string"
},
"b-badge/tag": {
"description": "Specify the HTML tag to render instead of the default tag",
"type": "string"
},
"b-badge/variant": {
"description": "Applies one of the Bootstrap theme color variants to the component",
"type": "string"
},
"b-badge/pill": {
"description": "When set to 'true', renders the badge in pill style",
"type": "boolean"
},
"b-badge/href": {
"description": "<b-link> prop: Denotes the target URL of the link for standard a links",
"type": "string"
},
"b-badge/rel": {
"description": "<b-link> prop: Sets the `rel` attribute on the rendered link",
"type": "string"
},
"b-badge/target": {
"description": "<b-link> prop: Sets the `target` attribute on the rendered link",
"type": "string"
},
"b-badge/active": {
"description": "When set to `true`, places the component in the active state with active styling",
"type": "boolean"
},
"b-badge/disabled": {
"description": "When set to `true`, disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-badge/to": {
"description": "<router-link> prop: Denotes the target route of the link. When clicked, the value of the to prop will be passed to `router.push()` internally, so the value can be either a string or a Location descriptor object",
"type": "string|object"
},
"b-badge/append": {
"description": "<router-link> prop: Setting append prop always appends the relative path to the current path",
"type": "boolean"
},
"b-badge/replace": {
"description": "<router-link> prop: Setting the replace prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record",
"type": "boolean"
},
"b-badge/active-class": {
"description": "<router-link> prop: Configure the active CSS class applied when the link is active. Typically you will want to set this to class name 'active'",
"type": "string"
},
"b-badge/exact": {
"description": "<router-link> prop: The default active class matching behavior is inclusive match. Setting this prop forces the mode to exactly match the route",
"type": "boolean"
},
"b-badge/exact-active-class": {
"description": "<router-link> prop: Configure the active CSS class applied when the link is active with exact match. Typically you will want to set this to class name 'active'",
"type": "string"
},
"b-badge/prefetch": {
"description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `prefetch` to `true` or `false` will overwrite the default value of `router.prefetchLinks`",
"type": "boolean"
},
"b-badge/no-prefetch": {
"description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `no-prefetch` will disabled this feature for the specific link",
"type": "boolean"
},
"b-badge/router-component-name": {
"description": "<b-link> prop: BootstrapVue auto detects between `<router-link>` and `<nuxt-link>`. In cases where you want to use a 3rd party link component based on `<router-link>`, set this prop to the component name. e.g. set it to 'g-link' if you are using Gridsome (note only `<router-link>` specific props are passed to the component)",
"type": "string"
},
"b-breadcrumb/items": {
"description": "Array of breadcrumb items to render",
"type": "any[]"
},
"b-breadcrumb-item/text": {
"description": "Text to render in the breadcrumb item",
"type": "string"
},
"b-breadcrumb-item/html": {
"description": "HTML string to render in the breadcrumb item. Use with caution",
"type": "string"
},
"b-breadcrumb-item/aria-current": {
"description": "Sets the value of the 'aria-current' attribute (when the item is the active item). Supported string values are 'location', 'page', or 'true'",
"type": "string"
},
"b-breadcrumb-item/href": {
"description": "<b-link> prop: Denotes the target URL of the link for standard a links",
"type": "string"
},
"b-breadcrumb-item/rel": {
"description": "<b-link> prop: Sets the `rel` attribute on the rendered link",
"type": "string"
},
"b-breadcrumb-item/target": {
"description": "<b-link> prop: Sets the `target` attribute on the rendered link",
"type": "string"
},
"b-breadcrumb-item/active": {
"description": "When set to `true`, places the component in the active state with active styling",
"type": "boolean"
},
"b-breadcrumb-item/disabled": {
"description": "When set to `true`, disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-breadcrumb-item/to": {
"description": "<router-link> prop: Denotes the target route of the link. When clicked, the value of the to prop will be passed to `router.push()` internally, so the value can be either a string or a Location descriptor object",
"type": "string|object"
},
"b-breadcrumb-item/append": {
"description": "<router-link> prop: Setting append prop always appends the relative path to the current path",
"type": "boolean"
},
"b-breadcrumb-item/replace": {
"description": "<router-link> prop: Setting the replace prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record",
"type": "boolean"
},
"b-breadcrumb-item/active-class": {
"description": "<router-link> prop: Configure the active CSS class applied when the link is active. Typically you will want to set this to class name 'active'",
"type": "string"
},
"b-breadcrumb-item/exact": {
"description": "<router-link> prop: The default active class matching behavior is inclusive match. Setting this prop forces the mode to exactly match the route",
"type": "boolean"
},
"b-breadcrumb-item/exact-active-class": {
"description": "<router-link> prop: Configure the active CSS class applied when the link is active with exact match. Typically you will want to set this to class name 'active'",
"type": "string"
},
"b-breadcrumb-item/prefetch": {
"description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `prefetch` to `true` or `false` will overwrite the default value of `router.prefetchLinks`",
"type": "boolean"
},
"b-breadcrumb-item/no-prefetch": {
"description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `no-prefetch` will disabled this feature for the specific link",
"type": "boolean"
},
"b-breadcrumb-item/router-component-name": {
"description": "<b-link> prop: BootstrapVue auto detects between `<router-link>` and `<nuxt-link>`. In cases where you want to use a 3rd party link component based on `<router-link>`, set this prop to the component name. e.g. set it to 'g-link' if you are using Gridsome (note only `<router-link>` specific props are passed to the component)",
"type": "string"
},
"b-button/block": {
"description": "Renders a 100% width button (expands to the width of its parent container)",
"type": "boolean"
},
"b-button/disabled": {
"description": "When set to `true`, disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-button/size": {
"description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'",
"type": "string"
},
"b-button/variant": {
"description": "Applies one of the Bootstrap theme color variants to the component",
"type": "string"
},
"b-button/type": {
"description": "The value to set the button's 'type' attribute to. Can be one of 'button', 'submit', or 'reset'",
"type": "string"
},
"b-button/tag": {
"description": "Specify the HTML tag to render instead of the default tag",
"type": "string"
},
"b-button/pill": {
"description": "Renders the button with the pill style appearance when set to 'true'",
"type": "boolean"
},
"b-button/squared": {
"description": "Renders the button with non-rounded corners when set to 'true'",
"type": "boolean"
},
"b-button/pressed": {
"description": "When set to 'true', gives the button the appearance of being pressed and adds attribute 'aria-pressed=\"true\"'. When set to `false` adds attribute 'aria-pressed=\"false\"'. Tri-state prop. Syncable with the .sync modifier",
"type": "boolean"
},
"b-button/href": {
"description": "<b-link> prop: Denotes the target URL of the link for standard a links",
"type": "string"
},
"b-button/rel": {
"description": "<b-link> prop: Sets the `rel` attribute on the rendered link",
"type": "string"
},
"b-button/target": {
"description": "<b-link> prop: Sets the `target` attribute on the rendered link",
"type": "string"
},
"b-button/active": {
"description": "When set to `true`, places the component in the active state with active styling",
"type": "boolean"
},
"b-button/to": {
"description": "<router-link> prop: Denotes the target route of the link. When clicked, the value of the to prop will be passed to `router.push()` internally, so the value can be either a string or a Location descriptor object",
"type": "string|object"
},
"b-button/append": {
"description": "<router-link> prop: Setting append prop always appends the relative path to the current path",
"type": "boolean"
},
"b-button/replace": {
"description": "<router-link> prop: Setting the replace prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record",
"type": "boolean"
},
"b-button/active-class": {
"description": "<router-link> prop: Configure the active CSS class applied when the link is active. Typically you will want to set this to class name 'active'",
"type": "string"
},
"b-button/exact": {
"description": "<router-link> prop: The default active class matching behavior is inclusive match. Setting this prop forces the mode to exactly match the route",
"type": "boolean"
},
"b-button/exact-active-class": {
"description": "<router-link> prop: Configure the active CSS class applied when the link is active with exact match. Typically you will want to set this to class name 'active'",
"type": "string"
},
"b-button/prefetch": {
"description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `prefetch` to `true` or `false` will overwrite the default value of `router.prefetchLinks`",
"type": "boolean"
},
"b-button/no-prefetch": {
"description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `no-prefetch` will disabled this feature for the specific link",
"type": "boolean"
},
"b-button/router-component-name": {
"description": "<b-link> prop: BootstrapVue auto detects between `<router-link>` and `<nuxt-link>`. In cases where you want to use a 3rd party link component based on `<router-link>`, set this prop to the component name. e.g. set it to 'g-link' if you are using Gridsome (note only `<router-link>` specific props are passed to the component)",
"type": "string"
},
"b-btn/block": {
"description": "Renders a 100% width button (expands to the width of its parent container)",
"type": "boolean"
},
"b-btn/disabled": {
"description": "When set to `true`, disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-btn/size": {
"description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'",
"type": "string"
},
"b-btn/variant": {
"description": "Applies one of the Bootstrap theme color variants to the component",
"type": "string"
},
"b-btn/type": {
"description": "The value to set the button's 'type' attribute to. Can be one of 'button', 'submit', or 'reset'",
"type": "string"
},
"b-btn/tag": {
"description": "Specify the HTML tag to render instead of the default tag",
"type": "string"
},
"b-btn/pill": {
"description": "Renders the button with the pill style appearance when set to 'true'",
"type": "boolean"
},
"b-btn/squared": {
"description": "Renders the button with non-rounded corners when set to 'true'",
"type": "boolean"
},
"b-btn/pressed": {
"description": "When set to 'true', gives the button the appearance of being pressed and adds attribute 'aria-pressed=\"true\"'. When set to `false` adds attribute 'aria-pressed=\"false\"'. Tri-state prop. Syncable with the .sync modifier",
"type": "boolean"
},
"b-btn/href": {
"description": "<b-link> prop: Denotes the target URL of the link for standard a links",
"type": "string"
},
"b-btn/rel": {
"description": "<b-link> prop: Sets the `rel` attribute on the rendered link",
"type": "string"
},
"b-btn/target": {
"description": "<b-link> prop: Sets the `target` attribute on the rendered link",
"type": "string"
},
"b-btn/active": {
"description": "When set to `true`, places the component in the active state with active styling",
"type": "boolean"
},
"b-btn/to": {
"description": "<router-link> prop: Denotes the target route of the link. When clicked, the value of the to prop will be passed to `router.push()` internally, so the value can be either a string or a Location descriptor object",
"type": "string|object"
},
"b-btn/append": {
"description": "<router-link> prop: Setting append prop always appends the relative path to the current path",
"type": "boolean"
},
"b-btn/replace": {
"description": "<router-link> prop: Setting the replace prop will call `router.replace()` instead of `router.push()` when clicked, so the navigation will not leave a history record",
"type": "boolean"
},
"b-btn/active-class": {
"description": "<router-link> prop: Configure the active CSS class applied when the link is active. Typically you will want to set this to class name 'active'",
"type": "string"
},
"b-btn/exact": {
"description": "<router-link> prop: The default active class matching behavior is inclusive match. Setting this prop forces the mode to exactly match the route",
"type": "boolean"
},
"b-btn/exact-active-class": {
"description": "<router-link> prop: Configure the active CSS class applied when the link is active with exact match. Typically you will want to set this to class name 'active'",
"type": "string"
},
"b-btn/prefetch": {
"description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `prefetch` to `true` or `false` will overwrite the default value of `router.prefetchLinks`",
"type": "boolean"
},
"b-btn/no-prefetch": {
"description": "<nuxt-link> prop: To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the code splitted page. Setting `no-prefetch` will disabled this feature for the specific link",
"type": "boolean"
},
"b-btn/router-component-name": {
"description": "<b-link> prop: BootstrapVue auto detects between `<router-link>` and `<nuxt-link>`. In cases where you want to use a 3rd party link component based on `<router-link>`, set this prop to the component name. e.g. set it to 'g-link' if you are using Gridsome (note only `<router-link>` specific props are passed to the component)",
"type": "string"
},
"b-button-close/content": {
"description": "The content of the close button",
"type": "string"
},
"b-button-close/disabled": {
"description": "When set to `true`, disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-button-close/aria-label": {
"description": "Sets the value of 'aria-label' attribute on the rendered element",
"type": "string"
},
"b-button-close/text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the text",
"type": "string"
},
"b-btn-close/content": {
"description": "The content of the close button",
"type": "string"
},
"b-btn-close/disabled": {
"description": "When set to `true`, disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-btn-close/aria-label": {
"description": "Sets the value of 'aria-label' attribute on the rendered element",
"type": "string"
},
"b-btn-close/text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the text",
"type": "string"
},
"b-button-group/vertical": {
"description": "When set, rendered the button group in vertical mode",
"type": "boolean"
},
"b-button-group/size": {
"description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'",
"type": "string"
},
"b-button-group/tag": {
"description": "Specify the HTML tag to render instead of the default tag",
"type": "string"
},
"b-button-group/aria-role": {
"description": "Sets the ARIA attribute `role` to a specific value",
"type": "string"
},
"b-btn-group/vertical": {
"description": "When set, rendered the button group in vertical mode",
"type": "boolean"
},
"b-btn-group/size": {
"description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'",
"type": "string"
},
"b-btn-group/tag": {
"description": "Specify the HTML tag to render instead of the default tag",
"type": "string"
},
"b-btn-group/aria-role": {
"description": "Sets the ARIA attribute `role` to a specific value",
"type": "string"
},
"b-button-toolbar/justify": {
"description": "Make the toolbar span the maximum available width, by increasing spacing between the button groups, input groups and dropdowns",
"type": "boolean"
},
"b-button-toolbar/key-nav": {
"description": "When set, enabled keyboard navigation mode for the toolbar. Do not set this prop when the toolbar has inputs",
"type": "boolean"
},
"b-btn-toolbar/justify": {
"description": "Make the toolbar span the maximum available width, by increasing spacing between the button groups, input groups and dropdowns",
"type": "boolean"
},
"b-btn-toolbar/key-nav": {
"description": "When set, enabled keyboard navigation mode for the toolbar. Do not set this prop when the toolbar has inputs",
"type": "boolean"
},
"b-calendar/id": {
"description": "Used to set the `id` attribute on the rendered content, and used as the base to generate any additional element IDs as needed",
"type": "string"
},
"b-calendar/value": {
"description": "Initially selected date value. Accepts either a `YYYY-MM-DD` string or a `Date` object",
"type": "string|Date"
},
"b-calendar/value-as-date": {
"description": "Returns a `Date` object for the v-model instead of a `YYYY-MM-DD` string",
"type": "boolean"
},
"b-calendar/initial-date": {
"description": "When a `value` is not specified, sets the initial calendar month date that will be presented to the user. Accepts a value in `YYYY-MM-DD` format or a `Date` object. Defaults to the current date (or min or max if the current date is out of range)",
"type": "string|Date"
},
"b-calendar/disabled": {
"description": "Places the calendar in a non-interactive disabled state",
"type": "boolean"
},
"b-calendar/readonly": {
"description": "Places the calendar in an interactive readonly state. Disables updating the v-model, while still allowing date navigation",
"type": "boolean"
},
"b-calendar/min": {
"description": "The minimum date the calendar will show",
"type": "string|Date"
},
"b-calendar/max": {
"description": "The maximum date the calendar will show",
"type": "string|Date"
},
"b-calendar/date-disabled-fn": {
"description": "Set to a function reference which returns `true` if the date is disabled, or `false` if the date should be enabled. See documentation for details",
"type": "function"
},
"b-calendar/start-weekday": {
"description": "Day of week to start the calendar. `0` for Sunday, `1` for Monday, `6` for Saturday, etc.",
"type": "number|string"
},
"b-calendar/locale": {
"description": "Locale (or locales) for the calendar to use. When passing an array of locales, the order of the locales is from most preferred to least preferred",
"type": "string|any[]"
},
"b-calendar/direction": {
"description": "Set to the string 'rtl' or 'ltr' to explicitly force the calendar to render in right-to-left or left-ro-right (respectively) mode. Defaults to the resolved locale's directionality",
"type": "string"
},
"b-calendar/selected-variant": {
"description": "Theme color variant to use for the selected date button",
"type": "string"
},
"b-calendar/today-variant": {
"description": "Theme color variant to use for highlighting todays date button. Defaults to the `selectedVariant` prop",
"type": "string"
},
"b-calendar/nav-button-variant": {
"description": "Theme color variant to use for the navigation buttons",
"type": "string"
},
"b-calendar/no-highlight-today": {
"description": "Disabled the highlighting of todays date in the calendar",
"type": "boolean"
},
"b-calendar/date-info-fn": {
"description": "Set to a function reference which returns a class (string), or classes (array of strings) to apply to the date cell. See documentation for details",
"type": "function"
},
"b-calendar/width": {
"description": "The width of the calendar. Has no effect if prop `block` is set",
"type": "string"
},
"b-calendar/block": {
"description": "Makes the calendar full width",
"type": "boolean"
},
"b-calendar/hide-header": {
"description": "When `true`, visually hides the selected date header",
"type": "boolean"
},
"b-calendar/show-decade-nav": {
"description": "When `true`, shows the +/- decade navigation buttons",
"type": "boolean"
},
"b-calendar/hidden": {
"description": "When `true`, renders a comment node instead of the calendar widget while keeping the Vue instance active. Mainly used when implementing a custom date picker",
"type": "boolean"
},
"b-calendar/aria-controls": {
"description": "If the calendar controls another component/element, set this prop to the ID of the element the calendar controls",
"type": "string"
},
"b-calendar/no-key-nav": {
"description": "Disable keyboard navigation of the calendar components",
"type": "boolean"
},
"b-calendar/role-description": {
"description": "Sets a value for the `role-description` attribute on the component",
"type": "string"
},
"b-calendar/label-prev-decade": {
"description": "Value of the `aria-label` and `title` attributes on the optional `Previous Decade` navigation button",
"type": "string"
},
"b-calendar/label-prev-year": {
"description": "Value of the `aria-label` and `title` attributes on the `Previous Year` navigation button",
"type": "string"
},
"b-calendar/label-prev-month": {
"description": "Value of the `aria-label` and `title` attributes on the `Previous Month` navigation button",
"type": "string"
},
"b-calendar/label-current-month": {
"description": "Value of the `aria-label` and `title` attributes on the `Current Month` navigation button",
"type": "string"
},
"b-calendar/label-next-month": {
"description": "Value of the `aria-label` and `title` attributes on the `Next Month` navigation button",
"type": "string"
},
"b-calendar/label-next-year": {
"description": "Value of the `aria-label` and `title` attributes on the `Next Year` navigation button",
"type": "string"
},
"b-calendar/label-next-decade": {
"description": "Value of the `aria-label` and `title` attributes on the optional `Next Decade` navigation button",
"type": "string"
},
"b-calendar/label-today": {
"description": "Value of the `aria-label` attribute for the calendar grid date button to signify that the date is today's date",
"type": "string"
},
"b-calendar/label-selected": {
"description": "Value of the `aria-label` attribute set on the calendar grid date button that is selected",
"type": "string"
},
"b-calendar/label-no-date-selected": {
"description": "Label to use when no date is currently selected",
"type": "string"
},
"b-calendar/label-calendar": {
"description": "Value of the `aria-label` and `role-description` attributes applied to the calendar grid",
"type": "string"
},
"b-calendar/label-nav": {
"description": "Value of the `aria-label` attribute on to the calendar navigation button wrapper",
"type": "string"
},
"b-calendar/label-help": {
"description": "Help text that appears at the bottom of the calendar grid",
"type": "string"
},
"b-calendar/date-format-options": {
"description": "Format object for displayed text string that is passed to `Intl.DateTimeFormat`",
"type": "object"
},
"b-calendar/weekday-header-format": {
"description": "Format to use for the calendar weekday headings. Possible values are `long`, `short` (default), or `narrow`",
"type": "string"
},
"b-card/body-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the body",
"type": "string"
},
"b-card/body-bg-variant": {
"description": "Applies one of the Bootstrap theme color variants to the body background",
"type": "string"
},
"b-card/body-border-variant": {
"description": "Applies one of the Bootstrap theme color variants to the body border",
"type": "string"
},
"b-card/body-text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the body text",
"type": "string"
},
"b-card/body-class": {
"description": "CSS class (or classes) to apply to the body",
"type": "string|object|any[]"
},
"b-card/title": {
"description": "Text content to place in the title",
"type": "string"
},
"b-card/title-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the title",
"type": "string"
},
"b-card/sub-title": {
"description": "Text content to place in the sub title",
"type": "string"
},
"b-card/sub-title-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the sub title",
"type": "string"
},
"b-card/sub-title-text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the sub title text",
"type": "string"
},
"b-card/overlay": {
"description": "When set, will overlay the card body on top of the image (if the card has an image)",
"type": "boolean"
},
"b-card/header-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the header",
"type": "string"
},
"b-card/header-bg-variant": {
"description": "Applies one of the Bootstrap theme color variants to the header background",
"type": "string"
},
"b-card/header-border-variant": {
"description": "Applies one of the Bootstrap theme color variants to the header border",
"type": "string"
},
"b-card/header-text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the header text",
"type": "string"
},
"b-card/header": {
"description": "Text content to place in the header",
"type": "string"
},
"b-card/header-html": {
"description": "HTML string content to place in the header. Use with caution",
"type": "string"
},
"b-card/header-class": {
"description": "CSS class (or classes) to apply to the header",
"type": "string|object|any[]"
},
"b-card/footer-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the footer",
"type": "string"
},
"b-card/footer-bg-variant": {
"description": "Applies one of the Bootstrap theme color variants to the footer background",
"type": "string"
},
"b-card/footer-border-variant": {
"description": "Applies one of the Bootstrap theme color variants to the footer border",
"type": "string"
},
"b-card/footer-text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the footer text",
"type": "string"
},
"b-card/footer": {
"description": "Text content to place in the footer",
"type": "string"
},
"b-card/footer-html": {
"description": "HTML string content to place in the footer. Use with caution",
"type": "string"
},
"b-card/footer-class": {
"description": "CSS class (or classes) to apply to the footer",
"type": "string|object|any[]"
},
"b-card/img-src": {
"description": "URL for the optional image",
"type": "string"
},
"b-card/img-alt": {
"description": "Value to set the image attribute 'alt'",
"type": "string"
},
"b-card/img-top": {
"description": "Set if the image should appear at the top of the card",
"type": "boolean"
},
"b-card/img-bottom": {
"description": "Set if the image should appear at the bottom of the card",
"type": "boolean"
},
"b-card/img-start": {
"description": "Set if the image should appear at the start (left) of the card",
"type": "boolean"
},
"b-card/img-left": {
"description": "Set if the image should appear at the start (left) of the card. Synonym for the 'left' prop",
"type": "boolean"
},
"b-card/img-end": {
"description": "Set if the image should appear at the end (right) of the card",
"type": "boolean"
},
"b-card/img-right": {
"description": "Set if the image should appear at the end (right) of the card. Synonym for the 'right' prop",
"type": "boolean"
},
"b-card/img-height": {
"description": "The value to set on the image's 'height' attribute",
"type": "number|string"
},
"b-card/img-width": {
"description": "The value to set on the image's 'width' attribute",
"type": "number|string"
},
"b-card/tag": {
"description": "Specify the HTML tag to render instead of the default tag",
"type": "string"
},
"b-card/bg-variant": {
"description": "Applies one of the Bootstrap theme color variants to the background",
"type": "string"
},
"b-card/border-variant": {
"description": "Applies one of the Bootstrap theme color variants to the border",
"type": "string"
},
"b-card/text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the text",
"type": "string"
},
"b-card/align": {
"description": "Text alignment for the card's content: 'left', 'center' or 'right'",
"type": "string"
},
"b-card/no-body": {
"description": "Disable rendering of the default inner card-body element",
"type": "boolean"
},
"b-card-header/header-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the header",
"type": "string"
},
"b-card-header/header-bg-variant": {
"description": "Applies one of the Bootstrap theme color variants to the header background",
"type": "string"
},
"b-card-header/header-border-variant": {
"description": "Applies one of the Bootstrap theme color variants to the header border",
"type": "string"
},
"b-card-header/header-text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the header text",
"type": "string"
},
"b-card-header/header": {
"description": "Text content to place in the header",
"type": "string"
},
"b-card-header/header-html": {
"description": "HTML string content to place in the header. Use with caution",
"type": "string"
},
"b-card-header/header-class": {
"description": "CSS class (or classes) to apply to the header",
"type": "string|object|any[]"
},
"b-card-footer/footer-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the footer",
"type": "string"
},
"b-card-footer/footer-bg-variant": {
"description": "Applies one of the Bootstrap theme color variants to the footer background",
"type": "string"
},
"b-card-footer/footer-border-variant": {
"description": "Applies one of the Bootstrap theme color variants to the footer border",
"type": "string"
},
"b-card-footer/footer-text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the footer text",
"type": "string"
},
"b-card-footer/footer": {
"description": "Text content to place in the footer",
"type": "string"
},
"b-card-footer/footer-html": {
"description": "HTML string content to place in the footer. Use with caution",
"type": "string"
},
"b-card-footer/footer-class": {
"description": "CSS class (or classes) to apply to the footer",
"type": "string|object|any[]"
},
"b-card-body/body-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the body",
"type": "string"
},
"b-card-body/body-bg-variant": {
"description": "Applies one of the Bootstrap theme color variants to the body background",
"type": "string"
},
"b-card-body/body-border-variant": {
"description": "Applies one of the Bootstrap theme color variants to the body border",
"type": "string"
},
"b-card-body/body-text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the body text",
"type": "string"
},
"b-card-body/body-class": {
"description": "CSS class (or classes) to apply to the body",
"type": "string|object|any[]"
},
"b-card-body/title": {
"description": "Text content to place in the title",
"type": "string"
},
"b-card-body/title-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the title",
"type": "string"
},
"b-card-body/sub-title": {
"description": "Text content to place in the sub title",
"type": "string"
},
"b-card-body/sub-title-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the sub title",
"type": "string"
},
"b-card-body/sub-title-text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the sub title text",
"type": "string"
},
"b-card-body/overlay": {
"description": "When set, will overlay the card body on top of the image (if the card has an image)",
"type": "boolean"
},
"b-card-title/title": {
"description": "Text content to place in the title",
"type": "string"
},
"b-card-title/title-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the title",
"type": "string"
},
"b-card-sub-title/sub-title": {
"description": "Text content to place in the sub title",
"type": "string"
},
"b-card-sub-title/sub-title-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the sub title",
"type": "string"
},
"b-card-sub-title/sub-title-text-variant": {
"description": "Applies one of the Bootstrap theme color variants to the sub title text",
"type": "string"
},
"b-card-img/src": {
"description": "URL to set for the `src` attribute",
"type": "string"
},
"b-card-img/alt": {
"description": "Value to set for the `alt` attribute",
"type": "string"
},
"b-card-img/top": {
"description": "Set if the image will be placed at the top of the card",
"type": "boolean"
},
"b-card-img/bottom": {
"description": "Set if the image will be placed at the bottom of the card",
"type": "boolean"
},
"b-card-img/start": {
"description": "Set if the image will be placed at the start (left) of the card",
"type": "boolean"
},
"b-card-img/left": {
"description": "Set if the image will be placed at the start (left) of the card. Synonym for the 'left' prop",
"type": "boolean"
},
"b-card-img/end": {
"description": "Set if the image will be placed at the end (right) of the card",
"type": "boolean"
},
"b-card-img/right": {
"description": "Set if the image will be placed at the end (right) of the card. Synonym for the 'right' prop",
"type": "boolean"
},
"b-card-img/height": {
"description": "The value to set on the image's 'height' attribute",
"type": "number|string"
},
"b-card-img/width": {
"description": "The value to set on the image's 'width' attribute",
"type": "number|string"
},
"b-card-img-lazy/src": {
"description": "URL to set for the `src` attribute",
"type": "string"
},
"b-card-img-lazy/srcset": {
"description": "One of: string or any[]",
"type": "string|any[]"
},
"b-card-img-lazy/sizes": {
"description": "One of: string or any[]",
"type": "string|any[]"
},
"b-card-img-lazy/alt": {
"description": "Value to set for the `alt` attribute",
"type": "string"
},
"b-card-img-lazy/width": {
"description": "The value to set on the image's 'width' attribute",
"type": "number|string"
},
"b-card-img-lazy/height": {
"description": "The value to set on the image's 'height' attribute",
"type": "number|string"
},
"b-card-img-lazy/blank-src": {
"description": "URL of placeholder image. If not set, an SVG placeholder placeholder will be used",
"type": "string"
},
"b-card-img-lazy/blank-color": {
"description": "CSS color of the blank SVG placeholder image. Has no effect if 'blank-src' is set",
"type": "string"
},
"b-card-img-lazy/blank-width": {
"description": "Value of the 'width' attribute for the placeholder image",
"type": "number|string"
},
"b-card-img-lazy/blank-height": {
"description": "Value of the 'height' attribute for the placeholder image",
"type": "number|string"
},
"b-card-img-lazy/show": {
"description": "If set to true, will force show the image specified via the 'src' prop",
"type": "boolean"
},
"b-card-img-lazy/offset": {
"description": "Number of pixels away from the viewport edge before the lazy image is loaded",
"type": "number|string"
},
"b-card-img-lazy/top": {
"description": "Set if the image will be placed at the top of the card",
"type": "boolean"
},
"b-card-img-lazy/bottom": {
"description": "Set if the image will be placed at the bottom of the card",
"type": "boolean"
},
"b-card-img-lazy/start": {
"description": "Set if the image will be placed at the start (left) of the card",
"type": "boolean"
},
"b-card-img-lazy/left": {
"description": "Set if the image will be placed at the start (left) of the card. Synonym for the 'left' prop",
"type": "boolean"
},
"b-card-img-lazy/end": {
"description": "Set if the image will be placed at the end (right) of the card",
"type": "boolean"
},
"b-card-img-lazy/right": {
"description": "Set if the image will be placed at the end (right) of the card. Synonym for the 'right' prop",
"type": "boolean"
},
"b-card-text/text-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the text content",
"type": "string"
},
"b-card-group/tag": {
"description": "Specify the HTML tag to render instead of the default tag",
"type": "string"
},
"b-card-group/deck": {
"description": "When set renders the card group with gutters between cards",
"type": "boolean"
},
"b-card-group/columns": {
"description": "When set, renders the card group in a masonry-like columnar style",
"type": "boolean"
},
"b-carousel/id": {
"description": "Used to set the `id` attribute on the rendered content, and used as the base to generate any additional element IDs as needed",
"type": "string"
},
"b-carousel/label-prev": {
"description": "Sets the 'aria-label' value for the previous slide control",
"type": "string"
},
"b-carousel/label-next": {
"description": "Sets the 'aria-label' value for the next slide control",
"type": "string"
},
"b-carousel/label-goto-slide": {
"description": "Sets the prefix for the 'aria-label' on the slide indicator controls. Will be suffixed with the slide number (1 indexed)",
"type": "string"
},
"b-carousel/label-indicators": {
"description": "Sets the 'aria-label' on the indicator controls wrapper",
"type": "string"
},
"b-carousel/interval": {
"description": "Set the delay time (in milliseconds) between slides",
"type": "number"
},
"b-carousel/indicators": {
"description": "Enable the indicator buttons for jumping to specific slides",
"type": "boolean"
},
"b-carousel/controls": {
"description": "Enable the previous and next controls",
"type": "boolean"
},
"b-carousel/no-animation": {
"description": "When set, disables animation when transitioning between slides",
"type": "boolean"
},
"b-carousel/fade": {
"description": "When set, changes the slide animation to a crossfade instead of a sliding effect",
"type": "boolean"
},
"b-carousel/no-wrap": {
"description": "Do not restart the slide show when then end is reached",
"type": "boolean"
},
"b-carousel/no-touch": {
"description": "Disable controlling the slides via touch swipes",
"type": "boolean"
},
"b-carousel/no-hover-pause": {
"de