bootstrap-vue
Version:
BootstrapVue, with over 40 plugins and more than 80 custom components, custom directives, and over 300 icons, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated WAI-AR
1,266 lines • 698 kB
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-badge/href": {
"description": "Denotes the target URL of the link for standard a links",
"type": "string"
},
"b-badge/rel": {
"description": "Sets the 'rel' attribute on the rendered link",
"type": "string"
},
"b-badge/target": {
"description": "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/event": {
"description": "router-link prop: Specify the event that triggers the link. In most cases you should leave this as the default",
"type": "string|any[]"
},
"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/router-tag": {
"description": "router-link prop: Specify which tag to render, and it will still listen to click events for navigation. 'router-tag' translates to the tag prop on the final rendered router-link. Typically you should use the default value",
"type": "string"
},
"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/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-breadcrumb/items": {
"description": "Array of breadcrumb items to render",
"type": "any[]"
},
"b-breadcrumb-item/href": {
"description": "Denotes the target URL of the link for standard a links",
"type": "string"
},
"b-breadcrumb-item/rel": {
"description": "Sets the 'rel' attribute on the rendered link",
"type": "string"
},
"b-breadcrumb-item/target": {
"description": "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/event": {
"description": "router-link prop: Specify the event that triggers the link. In most cases you should leave this as the default",
"type": "string|any[]"
},
"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/router-tag": {
"description": "router-link prop: Specify which tag to render, and it will still listen to click events for navigation. 'router-tag' translates to the tag prop on the final rendered router-link. Typically you should use the default value",
"type": "string"
},
"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/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-button/href": {
"description": "Denotes the target URL of the link for standard a links",
"type": "string"
},
"b-button/rel": {
"description": "Sets the 'rel' attribute on the rendered link",
"type": "string"
},
"b-button/target": {
"description": "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/disabled": {
"description": "When set to 'true', disables the component's functionality and places it in a disabled state",
"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/event": {
"description": "router-link prop: Specify the event that triggers the link. In most cases you should leave this as the default",
"type": "string|any[]"
},
"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/router-tag": {
"description": "router-link prop: Specify which tag to render, and it will still listen to click events for navigation. 'router-tag' translates to the tag prop on the final rendered router-link. Typically you should use the default value",
"type": "string"
},
"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/block": {
"description": "Renders a 100% width button (expands to the width of its parent container)",
"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. Syncable with the .sync modifier",
"type": "boolean"
},
"b-btn/href": {
"description": "Denotes the target URL of the link for standard a links",
"type": "string"
},
"b-btn/rel": {
"description": "Sets the 'rel' attribute on the rendered link",
"type": "string"
},
"b-btn/target": {
"description": "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/disabled": {
"description": "When set to 'true', disables the component's functionality and places it in a disabled state",
"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/event": {
"description": "router-link prop: Specify the event that triggers the link. In most cases you should leave this as the default",
"type": "string|any[]"
},
"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/router-tag": {
"description": "router-link prop: Specify which tag to render, and it will still listen to click events for navigation. 'router-tag' translates to the tag prop on the final rendered router-link. Typically you should use the default value",
"type": "string"
},
"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/block": {
"description": "Renders a 100% width button (expands to the width of its parent container)",
"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. Syncable with the .sync modifier",
"type": "boolean"
},
"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-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": {
"description": "When set, disables the pausing of hte slide show when the current slide is hovered",
"type": "boolean"
},
"b-carousel/img-width": {
"description": "Set the default image 'width' attribute for all b-tab children",
"type": "number|string"
},
"b-carousel/img-height": {
"description": "Set the default image 'height' attribute for all b-tab children",
"type": "number|string"
},
"b-carousel/background": {
"description": "Set the CSS color of the carousel's background",
"type": "string"
},
"b-carousel/value": {
"description": "The currently active slide (zero-indexed)",
"type": "number"
},
"b-carousel-slide/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-slide/img-src": {
"description": "Sets the URL of the image",
"type": "string"
},
"b-carousel-slide/img-alt": {
"description": "Sets the value of the 'alt' attribute on the image",
"type": "string"
},
"b-carousel-slide/img-width": {
"description": "Set the default image 'width' attribute for all b-tab children",
"type": "number|string"
},
"b-carousel-slide/img-height": {
"description": "Set the default image 'height' attribute for all b-tab children",
"type": "number|string"
},
"b-carousel-slide/img-blank": {
"description": "If set, will render a blank image instead of the img-src",
"type": "boolean"
},
"b-carousel-slide/img-blank-color": {
"description": "Set the CSS color to use as the fill of the blank image",
"type": "string"
},
"b-carousel-slide/content-visible-up": {
"description": "Specify the breakpoint that the textual content will start to be shown. Leave at default to always show the textual content",
"type": "string"
},
"b-carousel-slide/content-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the content wrapper",
"type": "string"
},
"b-carousel-slide/caption": {
"description": "Text content to place in the caption",
"type": "string"
},
"b-carousel-slide/caption-html": {
"description": "HTML string content to place in the caption. Use with caution",
"type": "string"
},
"b-carousel-slide/caption-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the caption wrapper",
"type": "string"
},
"b-carousel-slide/text": {
"description": "Text content to place in the text of the slide",
"type": "string"
},
"b-carousel-slide/text-html": {
"description": "HTML string content to place in the text of the slide. Use with caution",
"type": "string"
},
"b-carousel-slide/text-tag": {
"description": "Specify the HTML tag to render instead of the default tag for the text content",
"type": "string"
},
"b-carousel-slide/background": {
"description": "CSS color to use as the slide's background color",
"type": "string"
},
"b-collapse/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-collapse/is-nav": {
"description": "When set, signifies that hte collapse is bart of a navbar, enabling certain features for navbar support",
"type": "boolean"
},
"b-collapse/accordion": {
"description": "The name of the accordion group that this collapse belongs to",
"type": "string"
},
"b-collapse/visible": {
"description": "When 'true', expands the collapse",
"type": "boolean"
},
"b-collapse/tag": {
"description": "Specify the HTML tag to render instead of the default tag",
"type": "string"
},
"b-collapse/appear": {
"description": "When set, and prop 'visible' is true on mount, will animate on initial mount",
"type": "boolean"
},
"b-dropdown/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-dropdown/disabled": {
"description": "When set to 'true', disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-dropdown/text": {
"description": "Text to place in the toggle button, or in the split button is split mode",
"type": "string"
},
"b-dropdown/html": {
"description": "HTML string to place in the toggle button, or in the split button is split mode. Use with caution",
"type": "string"
},
"b-dropdown/dropup": {
"description": "When set, positions the menu on the top of the button",
"type": "boolean"
},
"b-dropdown/dropright": {
"description": "When set, positions the menu to the right of the button",
"type": "boolean"
},
"b-dropdown/dropleft": {
"description": "When set, positions the menu to the left of the button",
"type": "boolean"
},
"b-dropdown/right": {
"description": "Align the right edge of the menu with the right of the button",
"type": "boolean"
},
"b-dropdown/offset": {
"description": "Specify the number of pixels to shift the menu by. Negative values supported",
"type": "number|string"
},
"b-dropdown/no-flip": {
"description": "Prevent the menu from auto flipping positions",
"type": "boolean"
},
"b-dropdown/lazy": {
"description": "When set, will only mount the menu content into the DOM when the menu is open",
"type": "boolean"
},
"b-dropdown/popper-opts": {
"description": "Additional configuration to pass to Popper.js",
"type": "any"
},
"b-dropdown/boundary": {
"description": "The boundary constraint of the menu: 'scrollParent', 'window', 'viewport', or a reference to an HTMLElement",
"type": "string|HTMLElement"
},
"b-dropdown/toggle-text": {
"description": "ARIA label (sr-only) to set on the toggle when in split mode",
"type": "string"
},
"b-dropdown/size": {
"description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'",
"type": "string"
},
"b-dropdown/variant": {
"description": "Applies one of the Bootstrap theme color variants to the component",
"type": "string"
},
"b-dropdown/block": {
"description": "Renders a 100% width toggle button (expands to the width of its parent container)",
"type": "boolean"
},
"b-dropdown/menu-class": {
"description": "CSS class (or classes) to add to the menu container",
"type": "string|any[]|object"
},
"b-dropdown/toggle-tag": {
"description": "Specify the HTML tag to render instead of the default tag. Use with caution",
"type": "string"
},
"b-dropdown/toggle-class": {
"description": "CSS class (or classes) to add to the toggle button",
"type": "string|any[]|object"
},
"b-dropdown/no-caret": {
"description": "Hide the caret indicator on the toggle button",
"type": "boolean"
},
"b-dropdown/split": {
"description": "When set, renders a split button dropdown",
"type": "boolean"
},
"b-dropdown/split-href": {
"description": "Denotes the target URL of the link for the split button",
"type": "string"
},
"b-dropdown/split-to": {
"description": "router-link prop: Denotes the target route of the split button. 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-dropdown/split-variant": {
"description": "Applies one of the Bootstrap theme color variants to the split button. Defaults to the 'variant' prop value",
"type": "string"
},
"b-dropdown/split-class": {
"description": "CSS class (or classes) to add to the split button",
"type": "string|any[]|object"
},
"b-dropdown/split-button-type": {
"description": "Value to place in the 'type' attribute on the split button: 'button', 'submit', 'reset'",
"type": "string"
},
"b-dropdown/role": {
"description": "Sets the ARIA attribute 'role' to a specific value",
"type": "string"
},
"b-dd/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-dd/disabled": {
"description": "When set to 'true', disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-dd/text": {
"description": "Text to place in the toggle button, or in the split button is split mode",
"type": "string"
},
"b-dd/html": {
"description": "HTML string to place in the toggle button, or in the split button is split mode. Use with caution",
"type": "string"
},
"b-dd/dropup": {
"description": "When set, positions the menu on the top of the button",
"type": "boolean"
},
"b-dd/dropright": {
"description": "When set, positions the menu to the right of the button",
"type": "boolean"
},
"b-dd/dropleft": {
"description": "When set, positions the menu to the left of the button",
"type": "boolean"
},
"b-dd/right": {
"description": "Align the right edge of the menu with the right of the button",
"type": "boolean"
},
"b-dd/offset": {
"description": "Specify the number of pixels to shift the menu by. Negative values supported",
"type": "number|string"
},
"b-dd/no-flip": {
"description": "Prevent the menu from auto flipping positions",
"type": "boolean"
},
"b-dd/lazy": {
"description": "When set, will only mount the menu content into the DOM when the menu is open",
"type": "boolean"
},
"b-dd/popper-opts": {
"description": "Additional configuration to pass to Popper.js",
"type": "any"
},
"b-dd/boundary": {
"description": "The boundary constraint of the menu: 'scrollParent', 'window', 'viewport', or a reference to an HTMLElement",
"type": "string|HTMLElement"
},
"b-dd/toggle-text": {
"description": "ARIA label (sr-only) to set on the toggle when in split mode",
"type": "string"
},
"b-dd/size": {
"description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'",
"type": "string"
},
"b-dd/variant": {
"description": "Applies one of the Bootstrap theme color variants to the component",
"type": "string"
},
"b-dd/block": {
"description": "Renders a 100% width toggle button (expands to the width of its parent container)",
"type": "boolean"
},
"b-dd/menu-class": {
"description": "CSS class (or classes) to add to the menu container",
"type": "string|any[]|object"
},
"b-dd/toggle-tag": {
"description": "Specify the HTML tag to render instead of the default tag. Use with caution",
"type": "string"
},
"b-dd/toggle-class": {
"description": "CSS class (or classes) to add to the toggle button",
"type": "string|any[]|object"
},
"b-dd/no-caret": {
"description": "Hide the caret indicator on the toggle button",
"type": "boolean"
},
"b-dd/split": {
"description": "When set, renders a split button dropdown",
"type": "boolean"
},
"b-dd/split-href": {
"description": "Denotes the target URL of the link for the split button",
"type": "string"
},
"b-dd/split-to": {
"description": "router-link prop: Denotes the target route of the split button. 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-dd/split-variant": {
"description": "Applies one of the Bootstrap theme color variants to the split button. Defaults to the 'variant' prop value",
"type": "string"
},
"b-dd/split-class": {
"description": "CSS class (or classes) to add to the split button",
"type": "string|any[]|object"
},
"b-dd/split-button-type": {
"description": "Value to place in the 'type' attribute on the split button: 'button', 'submit', 'reset'",
"type": "string"
},
"b-dd/role": {
"description": "Sets the ARIA attribute 'role' to a specific value",
"type": "string"
},
"b-dropdown-item/href": {
"description": "Denotes the target URL of the link for standard a links",
"type": "string"
},
"b-dropdown-item/rel": {
"description": "Sets the 'rel' attribute on the rendered link",
"type": "string"
},
"b-dropdown-item/target": {
"description": "Sets the 'target' attribute on the rendered link",
"type": "string"
},
"b-dropdown-item/active": {
"description": "When set to 'true', places the component in the active state with active styling",
"type": "boolean"
},
"b-dropdown-item/disabled": {
"description": "When set to 'true', disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-dropdown-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-dropdown-item/append": {
"description": "router-link prop: Setting append prop always appends the relative path to the current path",
"type": "boolean"
},
"b-dropdown-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-dropdown-item/event": {
"description": "router-link prop: Specify the event that triggers the link. In most cases you should leave this as the default",
"type": "string|any[]"
},
"b-dropdown-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-dropdown-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-dropdown-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-dropdown-item/router-tag": {
"description": "router-link prop: Specify which tag to render, and it will still listen to click events for navigation. 'router-tag' translates to the tag prop on the final rendered router-link. Typically you should use the default value",
"type": "string"
},
"b-dropdown-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-dropd