bootstrap-vue
Version:
BootstrapVue, with more than 85 custom components, over 45 plugins, several 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 W
1,239 lines • 1.19 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": "Denotes the target URL of the link for standard a links",
"type": "string"
},
"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/disabled": {
"description": "When set to 'true', disables the component's functionality and places it in a disabled state",
"type": "boolean"
},
"b-avatar/rel": {
"description": "Sets the 'rel' attribute on the rendered link",
"type": "string"
},
"b-avatar/target": {
"description": "Sets the 'target' attribute on the rendered link",
"type": "string"
},
"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/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/aria-label": {
"description": "Sets the value of 'aria-label' attribute on the rendered element",
"type": "string"
},
"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 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": "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 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-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 `variant` prop",
"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/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": {
"description": "When set, disables the pausing of the 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 the collapse is part of a navbar, enabling certain features for navbar support",
"type": "boolean"
},
"b-collapse/accordion": {
"description": "The name of the accordion group that th