bootstrap-vue
Version:
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens
1,951 lines • 692 kB
JSON
{
"b-alert": {
"description": "Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.",
"attributes": [
"show",
"dismiss-label",
"dismissible",
"fade",
"variant"
]
},
"b-aspect": {
"description": "The `<b-aspect>` component can be used to maintain a minimum responsive aspect ratio for content.",
"attributes": [
"aspect",
"tag"
]
},
"b-avatar": {
"description": "Avatars are typically used to display a user profile as a picture, an icon, or short text.",
"attributes": [
"active-class",
"alt",
"append",
"aria-label",
"badge",
"badge-left",
"badge-offset",
"badge-top",
"badge-variant",
"button",
"button-type",
"disabled",
"exact",
"exact-active-class",
"exact-path",
"exact-path-active-class",
"href",
"icon",
"no-prefetch",
"prefetch",
"rel",
"replace",
"rounded",
"router-component-name",
"size",
"square",
"src",
"target",
"text",
"to",
"variant"
]
},
"b-avatar-group": {
"description": "Avatars are typically used to display a user profile as a picture, an icon, or short text.",
"attributes": [
"overlap",
"rounded",
"size",
"square",
"tag",
"variant"
]
},
"b-badge": {
"description": "Small and adaptive tag for adding context to just about any content.",
"attributes": [
"active",
"active-class",
"append",
"disabled",
"exact",
"exact-active-class",
"exact-path",
"exact-path-active-class",
"href",
"no-prefetch",
"pill",
"prefetch",
"rel",
"replace",
"router-component-name",
"tag",
"target",
"to",
"variant"
]
},
"b-breadcrumb": {
"description": "Indicate the current page's location within a navigational hierarchy. Separators are automatically added in CSS through ::before and content.",
"attributes": [
"items"
]
},
"b-breadcrumb-item": {
"description": "Indicate the current page's location within a navigational hierarchy. Separators are automatically added in CSS through ::before and content.",
"attributes": [
"active",
"active-class",
"append",
"aria-current",
"disabled",
"exact",
"exact-active-class",
"exact-path",
"exact-path-active-class",
"href",
"html",
"no-prefetch",
"prefetch",
"rel",
"replace",
"router-component-name",
"target",
"text",
"to"
]
},
"b-button": {
"description": "Use BootstrapVue's <b-button> component for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.",
"attributes": [
"active",
"active-class",
"append",
"block",
"disabled",
"exact",
"exact-active-class",
"exact-path",
"exact-path-active-class",
"href",
"no-prefetch",
"pill",
"prefetch",
"pressed",
"rel",
"replace",
"router-component-name",
"size",
"squared",
"tag",
"target",
"to",
"type",
"variant"
]
},
"b-btn": {
"description": "Use BootstrapVue's <b-button> component for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.\n\n*Alias for BButton*",
"attributes": [
"active",
"active-class",
"append",
"block",
"disabled",
"exact",
"exact-active-class",
"exact-path",
"exact-path-active-class",
"href",
"no-prefetch",
"pill",
"prefetch",
"pressed",
"rel",
"replace",
"router-component-name",
"size",
"squared",
"tag",
"target",
"to",
"type",
"variant"
]
},
"b-button-close": {
"description": "Use BootstrapVue's <b-button> component for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.",
"attributes": [
"aria-label",
"content",
"disabled",
"text-variant"
]
},
"b-btn-close": {
"description": "Use BootstrapVue's <b-button> component for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.\n\n*Alias for BButtonClose*",
"attributes": [
"aria-label",
"content",
"disabled",
"text-variant"
]
},
"b-button-group": {
"description": "Group a series of buttons together on a single line with <b-button-group>.",
"attributes": [
"aria-role",
"size",
"tag",
"vertical"
]
},
"b-btn-group": {
"description": "Group a series of buttons together on a single line with <b-button-group>.\n\n*Alias for BButtonGroup*",
"attributes": [
"aria-role",
"size",
"tag",
"vertical"
]
},
"b-button-toolbar": {
"description": "Group a series of <b-button-group> and/or <b-input-group> together on a single line, with optional keyboard navigation.",
"attributes": [
"justify",
"key-nav"
]
},
"b-btn-toolbar": {
"description": "Group a series of <b-button-group> and/or <b-input-group> together on a single line, with optional keyboard navigation.\n\n*Alias for BButtonToolbar*",
"attributes": [
"justify",
"key-nav"
]
},
"b-calendar": {
"description": "BootstrapVue custom calendar widget for selecting dates and controlling other components, fully WAI-ARIA accessible (a11y) and supports internationalization (i18n).",
"attributes": [
"id",
"value",
"aria-controls",
"block",
"date-disabled-fn",
"date-format-options",
"date-info-fn",
"direction",
"disabled",
"header-tag",
"hidden",
"hide-header",
"initial-date",
"label-calendar",
"label-current-month",
"label-help",
"label-nav",
"label-next-decade",
"label-next-month",
"label-next-year",
"label-no-date-selected",
"label-prev-decade",
"label-prev-month",
"label-prev-year",
"label-selected",
"label-today",
"locale",
"max",
"min",
"nav-button-variant",
"no-highlight-today",
"no-key-nav",
"readonly",
"role-description",
"selected-variant",
"show-decade-nav",
"start-weekday",
"today-variant",
"value-as-date",
"weekday-header-format",
"width"
]
},
"b-card": {
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
"attributes": [
"align",
"bg-variant",
"body-bg-variant",
"body-border-variant",
"body-class",
"body-tag",
"body-text-variant",
"border-variant",
"footer",
"footer-bg-variant",
"footer-border-variant",
"footer-class",
"footer-html",
"footer-tag",
"footer-text-variant",
"header",
"header-bg-variant",
"header-border-variant",
"header-class",
"header-html",
"header-tag",
"header-text-variant",
"img-alt",
"img-bottom",
"img-end",
"img-height",
"img-left",
"img-right",
"img-src",
"img-start",
"img-top",
"img-width",
"no-body",
"overlay",
"sub-title",
"sub-title-tag",
"sub-title-text-variant",
"tag",
"text-variant",
"title",
"title-tag"
]
},
"b-card-header": {
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
"attributes": [
"header",
"header-bg-variant",
"header-border-variant",
"header-class",
"header-html",
"header-tag",
"header-text-variant"
]
},
"b-card-footer": {
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
"attributes": [
"footer",
"footer-bg-variant",
"footer-border-variant",
"footer-class",
"footer-html",
"footer-tag",
"footer-text-variant"
]
},
"b-card-body": {
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
"attributes": [
"body-bg-variant",
"body-border-variant",
"body-class",
"body-tag",
"body-text-variant",
"overlay",
"sub-title",
"sub-title-tag",
"sub-title-text-variant",
"title",
"title-tag"
]
},
"b-card-title": {
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
"attributes": [
"title",
"title-tag"
]
},
"b-card-sub-title": {
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
"attributes": [
"sub-title",
"sub-title-tag",
"sub-title-text-variant"
]
},
"b-card-img": {
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
"attributes": [
"alt",
"bottom",
"end",
"height",
"left",
"right",
"src",
"start",
"top",
"width"
]
},
"b-card-img-lazy": {
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
"attributes": [
"blank-height",
"blank-src",
"blank-width",
"bottom",
"end",
"left",
"offset",
"right",
"show",
"start",
"top"
]
},
"b-card-text": {
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
"attributes": [
"text-tag"
]
},
"b-card-group": {
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.",
"attributes": [
"columns",
"deck",
"tag"
]
},
"b-carousel": {
"description": "The <b-carousel> component is a slideshow for cycling through a series of content, built with CSS 3D transforms. It works with a series of images, text, or custom markup.",
"attributes": [
"id",
"value",
"background",
"controls",
"fade",
"img-height",
"img-width",
"indicators",
"interval",
"label-goto-slide",
"label-indicators",
"label-next",
"label-prev",
"no-animation",
"no-hover-pause",
"no-touch",
"no-wrap"
]
},
"b-carousel-slide": {
"description": "The <b-carousel> component is a slideshow for cycling through a series of content, built with CSS 3D transforms. It works with a series of images, text, or custom markup.",
"attributes": [
"id",
"background",
"caption",
"caption-html",
"caption-tag",
"content-tag",
"content-visible-up",
"img-alt",
"img-blank",
"img-blank-color",
"img-height",
"img-src",
"img-width",
"text",
"text-html",
"text-tag"
]
},
"b-collapse": {
"description": "Easily toggle content visibility on your pages. Includes support for making accordions.",
"attributes": [
"id",
"visible",
"accordion",
"appear",
"is-nav",
"tag"
]
},
"b-dropdown": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.",
"attributes": [
"id",
"boundary",
"disabled",
"dropleft",
"dropright",
"dropup",
"no-flip",
"offset",
"popper-opts",
"right",
"block",
"html",
"lazy",
"menu-class",
"no-caret",
"role",
"size",
"split",
"split-button-type",
"split-class",
"split-href",
"split-to",
"split-variant",
"text",
"toggle-attrs",
"toggle-class",
"toggle-tag",
"toggle-text",
"variant"
]
},
"b-dd": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.\n\n*Alias for BDropdown*",
"attributes": [
"id",
"boundary",
"disabled",
"dropleft",
"dropright",
"dropup",
"no-flip",
"offset",
"popper-opts",
"right",
"block",
"html",
"lazy",
"menu-class",
"no-caret",
"role",
"size",
"split",
"split-button-type",
"split-class",
"split-href",
"split-to",
"split-variant",
"text",
"toggle-attrs",
"toggle-class",
"toggle-tag",
"toggle-text",
"variant"
]
},
"b-dropdown-item": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.",
"attributes": [
"active",
"active-class",
"append",
"disabled",
"exact",
"exact-active-class",
"exact-path",
"exact-path-active-class",
"href",
"link-class",
"no-prefetch",
"prefetch",
"rel",
"replace",
"router-component-name",
"target",
"to",
"variant"
]
},
"b-dd-item": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.\n\n*Alias for BDropdownItem*",
"attributes": [
"active",
"active-class",
"append",
"disabled",
"exact",
"exact-active-class",
"exact-path",
"exact-path-active-class",
"href",
"link-class",
"no-prefetch",
"prefetch",
"rel",
"replace",
"router-component-name",
"target",
"to",
"variant"
]
},
"b-dropdown-item-button": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.",
"attributes": [
"active",
"active-class",
"button-class",
"disabled",
"variant"
]
},
"b-dropdown-item-btn": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.\n\n*Alias for BDropdownItemButton*",
"attributes": [
"active",
"active-class",
"button-class",
"disabled",
"variant"
]
},
"b-dd-item-button": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.\n\n*Alias for BDropdownItemButton*",
"attributes": [
"active",
"active-class",
"button-class",
"disabled",
"variant"
]
},
"b-dd-item-btn": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.\n\n*Alias for BDropdownItemButton*",
"attributes": [
"active",
"active-class",
"button-class",
"disabled",
"variant"
]
},
"b-dropdown-divider": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.",
"attributes": [
"tag"
]
},
"b-dd-divider": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.\n\n*Alias for BDropdownDivider*",
"attributes": [
"tag"
]
},
"b-dropdown-form": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.",
"attributes": [
"disabled",
"form-class",
"id",
"inline",
"novalidate",
"validated"
]
},
"b-dd-form": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.\n\n*Alias for BDropdownForm*",
"attributes": [
"disabled",
"form-class",
"id",
"inline",
"novalidate",
"validated"
]
},
"b-dropdown-text": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.",
"attributes": [
"tag",
"text-class",
"variant"
]
},
"b-dd-text": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.\n\n*Alias for BDropdownText*",
"attributes": [
"tag",
"text-class",
"variant"
]
},
"b-dropdown-group": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.",
"attributes": [
"aria-describedby",
"header",
"header-classes",
"header-tag",
"header-variant",
"id"
]
},
"b-dd-group": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.\n\n*Alias for BDropdownGroup*",
"attributes": [
"aria-describedby",
"header",
"header-classes",
"header-tag",
"header-variant",
"id"
]
},
"b-dropdown-header": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.",
"attributes": [
"id",
"tag",
"variant"
]
},
"b-dd-header": {
"description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.\n\n*Alias for BDropdownHeader*",
"attributes": [
"id",
"tag",
"variant"
]
},
"b-embed": {
"description": "Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.",
"attributes": [
"aspect",
"tag",
"type"
]
},
"b-form": {
"description": "Form component and form helper components that optionally supports inline form styles and validation states.",
"attributes": [
"id",
"inline",
"novalidate",
"validated"
]
},
"b-form-text": {
"description": "Form component and form helper components that optionally supports inline form styles and validation states.",
"attributes": [
"id",
"inline",
"tag",
"text-variant"
]
},
"b-form-invalid-feedback": {
"description": "Form component and form helper components that optionally supports inline form styles and validation states.",
"attributes": [
"aria-live",
"force-show",
"id",
"role",
"state",
"tag",
"tooltip"
]
},
"b-form-valid-feedback": {
"description": "Form component and form helper components that optionally supports inline form styles and validation states.",
"attributes": [
"aria-live",
"force-show",
"id",
"role",
"state",
"tag",
"tooltip"
]
},
"b-form-datalist": {
"description": "Form component and form helper components that optionally supports inline form styles and validation states.",
"attributes": [
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"id"
]
},
"b-datalist": {
"description": "Form component and form helper components that optionally supports inline form styles and validation states.\n\n*Alias for BFormDatalist*",
"attributes": [
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"id"
]
},
"b-form-checkbox-group": {
"description": "Custom checkbox input and checkbox group to replace the browser default checkbox input, built on top of semantic and accessible markup. Optionally supports switch styling.",
"attributes": [
"id",
"checked",
"autofocus",
"disabled",
"form",
"name",
"required",
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"size",
"state",
"plain",
"aria-invalid",
"button-variant",
"buttons",
"stacked",
"validated",
"switches"
]
},
"b-checkbox-group": {
"description": "Custom checkbox input and checkbox group to replace the browser default checkbox input, built on top of semantic and accessible markup. Optionally supports switch styling.\n\n*Alias for BFormCheckboxGroup*",
"attributes": [
"id",
"checked",
"autofocus",
"disabled",
"form",
"name",
"required",
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"size",
"state",
"plain",
"aria-invalid",
"button-variant",
"buttons",
"stacked",
"validated",
"switches"
]
},
"b-check-group": {
"description": "Custom checkbox input and checkbox group to replace the browser default checkbox input, built on top of semantic and accessible markup. Optionally supports switch styling.\n\n*Alias for BFormCheckboxGroup*",
"attributes": [
"id",
"checked",
"autofocus",
"disabled",
"form",
"name",
"required",
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"size",
"state",
"plain",
"aria-invalid",
"button-variant",
"buttons",
"stacked",
"validated",
"switches"
]
},
"b-form-checkbox": {
"description": "Custom checkbox input and checkbox group to replace the browser default checkbox input, built on top of semantic and accessible markup. Optionally supports switch styling.",
"attributes": [
"id",
"checked",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"plain",
"aria-label",
"aria-labelledby",
"button",
"button-variant",
"inline",
"value",
"indeterminate",
"switch",
"unchecked-value"
]
},
"b-checkbox": {
"description": "Custom checkbox input and checkbox group to replace the browser default checkbox input, built on top of semantic and accessible markup. Optionally supports switch styling.\n\n*Alias for BFormCheckbox*",
"attributes": [
"id",
"checked",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"plain",
"aria-label",
"aria-labelledby",
"button",
"button-variant",
"inline",
"value",
"indeterminate",
"switch",
"unchecked-value"
]
},
"b-check": {
"description": "Custom checkbox input and checkbox group to replace the browser default checkbox input, built on top of semantic and accessible markup. Optionally supports switch styling.\n\n*Alias for BFormCheckbox*",
"attributes": [
"id",
"checked",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"plain",
"aria-label",
"aria-labelledby",
"button",
"button-variant",
"inline",
"value",
"indeterminate",
"switch",
"unchecked-value"
]
},
"b-form-datepicker": {
"description": "BootstrapVue custom date picker input form control, which provides full WAI-ARIA accessibility (a11y) and supports internationalization (i18n).",
"attributes": [
"id",
"value",
"aria-controls",
"boundary",
"button-only",
"button-variant",
"calendar-width",
"close-button",
"close-button-variant",
"dark",
"date-disabled-fn",
"date-format-options",
"date-info-fn",
"direction",
"disabled",
"dropleft",
"dropright",
"dropup",
"form",
"header-tag",
"hide-header",
"initial-date",
"label-calendar",
"label-close-button",
"label-current-month",
"label-help",
"label-nav",
"label-next-decade",
"label-next-month",
"label-next-year",
"label-no-date-selected",
"label-prev-decade",
"label-prev-month",
"label-prev-year",
"label-reset-button",
"label-selected",
"label-today",
"label-today-button",
"locale",
"max",
"menu-class",
"min",
"name",
"nav-button-variant",
"no-close-on-select",
"no-flip",
"no-highlight-today",
"offset",
"placeholder",
"popper-opts",
"readonly",
"required",
"reset-button",
"reset-button-variant",
"reset-value",
"right",
"selected-variant",
"show-decade-nav",
"size",
"start-weekday",
"state",
"today-button",
"today-button-variant",
"today-variant",
"value-as-date",
"weekday-header-format"
]
},
"b-datepicker": {
"description": "BootstrapVue custom date picker input form control, which provides full WAI-ARIA accessibility (a11y) and supports internationalization (i18n).\n\n*Alias for BFormDatepicker*",
"attributes": [
"id",
"value",
"aria-controls",
"boundary",
"button-only",
"button-variant",
"calendar-width",
"close-button",
"close-button-variant",
"dark",
"date-disabled-fn",
"date-format-options",
"date-info-fn",
"direction",
"disabled",
"dropleft",
"dropright",
"dropup",
"form",
"header-tag",
"hide-header",
"initial-date",
"label-calendar",
"label-close-button",
"label-current-month",
"label-help",
"label-nav",
"label-next-decade",
"label-next-month",
"label-next-year",
"label-no-date-selected",
"label-prev-decade",
"label-prev-month",
"label-prev-year",
"label-reset-button",
"label-selected",
"label-today",
"label-today-button",
"locale",
"max",
"menu-class",
"min",
"name",
"nav-button-variant",
"no-close-on-select",
"no-flip",
"no-highlight-today",
"offset",
"placeholder",
"popper-opts",
"readonly",
"required",
"reset-button",
"reset-button-variant",
"reset-value",
"right",
"selected-variant",
"show-decade-nav",
"size",
"start-weekday",
"state",
"today-button",
"today-button-variant",
"today-variant",
"value-as-date",
"weekday-header-format"
]
},
"b-form-file": {
"description": "Customized, cross-browser consistent, file input control that supports single file, multiple files, and directory upload.",
"attributes": [
"id",
"value",
"autofocus",
"disabled",
"form",
"name",
"required",
"state",
"plain",
"accept",
"browse-text",
"capture",
"directory",
"drop-placeholder",
"file-name-formatter",
"multiple",
"no-drop",
"no-drop-placeholder",
"no-traverse",
"placeholder",
"size"
]
},
"b-file": {
"description": "Customized, cross-browser consistent, file input control that supports single file, multiple files, and directory upload.\n\n*Alias for BFormFile*",
"attributes": [
"id",
"value",
"autofocus",
"disabled",
"form",
"name",
"required",
"state",
"plain",
"accept",
"browse-text",
"capture",
"directory",
"drop-placeholder",
"file-name-formatter",
"multiple",
"no-drop",
"no-drop-placeholder",
"no-traverse",
"placeholder",
"size"
]
},
"b-form-group": {
"description": "Easily add some structure to forms. Its purpose is to pair form controls with a legend or label, and to provide help text and invalid/valid feedback text, as well as visual (color) contextual state feedback.",
"attributes": [
"content-cols",
"content-cols-lg",
"content-cols-md",
"content-cols-sm",
"content-cols-xl",
"description",
"disabled",
"feedback-aria-live",
"id",
"invalid-feedback",
"label",
"label-align",
"label-align-lg",
"label-align-md",
"label-align-sm",
"label-align-xl",
"label-class",
"label-cols",
"label-cols-lg",
"label-cols-md",
"label-cols-sm",
"label-cols-xl",
"label-for",
"label-size",
"label-sr-only",
"state",
"tooltip",
"valid-feedback",
"validated"
]
},
"b-form-input": {
"description": "Create various type inputs such as: text, password, number, url, email, search, range, date and more.",
"attributes": [
"id",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"value",
"aria-invalid",
"autocomplete",
"debounce",
"formatter",
"lazy",
"lazy-formatter",
"number",
"placeholder",
"plaintext",
"readonly",
"trim",
"list",
"max",
"min",
"no-wheel",
"step",
"type"
]
},
"b-input": {
"description": "Create various type inputs such as: text, password, number, url, email, search, range, date and more.\n\n*Alias for BFormInput*",
"attributes": [
"id",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"value",
"aria-invalid",
"autocomplete",
"debounce",
"formatter",
"lazy",
"lazy-formatter",
"number",
"placeholder",
"plaintext",
"readonly",
"trim",
"list",
"max",
"min",
"no-wheel",
"step",
"type"
]
},
"b-form-radio-group": {
"description": "Cross browser consistent radio inputs and radio groups, using Bootstrap's custom radio input to replace the browser default radio input.",
"attributes": [
"id",
"checked",
"autofocus",
"disabled",
"form",
"name",
"required",
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"size",
"state",
"plain",
"aria-invalid",
"button-variant",
"buttons",
"stacked",
"validated"
]
},
"b-radio-group": {
"description": "Cross browser consistent radio inputs and radio groups, using Bootstrap's custom radio input to replace the browser default radio input.\n\n*Alias for BFormRadioGroup*",
"attributes": [
"id",
"checked",
"autofocus",
"disabled",
"form",
"name",
"required",
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"size",
"state",
"plain",
"aria-invalid",
"button-variant",
"buttons",
"stacked",
"validated"
]
},
"b-form-radio": {
"description": "Cross browser consistent radio inputs and radio groups, using Bootstrap's custom radio input to replace the browser default radio input.",
"attributes": [
"id",
"checked",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"plain",
"aria-label",
"aria-labelledby",
"button",
"button-variant",
"inline",
"value"
]
},
"b-radio": {
"description": "Cross browser consistent radio inputs and radio groups, using Bootstrap's custom radio input to replace the browser default radio input.\n\n*Alias for BFormRadio*",
"attributes": [
"id",
"checked",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"plain",
"aria-label",
"aria-labelledby",
"button",
"button-variant",
"inline",
"value"
]
},
"b-form-rating": {
"description": "BootstrapVue custom star rating form control for ratings entry or aggregated display.",
"attributes": [
"id",
"value",
"size",
"color",
"disabled",
"form",
"icon-clear",
"icon-empty",
"icon-full",
"icon-half",
"inline",
"locale",
"name",
"no-border",
"precision",
"readonly",
"show-clear",
"show-value",
"show-value-max",
"stars",
"variant"
]
},
"b-rating": {
"description": "BootstrapVue custom star rating form control for ratings entry or aggregated display.\n\n*Alias for BFormRating*",
"attributes": [
"id",
"value",
"size",
"color",
"disabled",
"form",
"icon-clear",
"icon-empty",
"icon-full",
"icon-half",
"inline",
"locale",
"name",
"no-border",
"precision",
"readonly",
"show-clear",
"show-value",
"show-value-max",
"stars",
"variant"
]
},
"b-form-select": {
"description": "Custom <select> component using cross-browser custom styles. Optionally generate <option> entries based on an array, array of objects.",
"attributes": [
"id",
"value",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"plain",
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"label-field",
"options-field",
"aria-invalid",
"multiple",
"select-size"
]
},
"b-select": {
"description": "Custom <select> component using cross-browser custom styles. Optionally generate <option> entries based on an array, array of objects.\n\n*Alias for BFormSelect*",
"attributes": [
"id",
"value",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"plain",
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"label-field",
"options-field",
"aria-invalid",
"multiple",
"select-size"
]
},
"b-form-select-option": {
"description": "Custom <select> component using cross-browser custom styles. Optionally generate <option> entries based on an array, array of objects.",
"attributes": [
"disabled",
"value"
]
},
"b-select-option": {
"description": "Custom <select> component using cross-browser custom styles. Optionally generate <option> entries based on an array, array of objects.\n\n*Alias for BFormSelectOption*",
"attributes": [
"disabled",
"value"
]
},
"b-form-select-option-group": {
"description": "Custom <select> component using cross-browser custom styles. Optionally generate <option> entries based on an array, array of objects.",
"attributes": [
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"label"
]
},
"b-select-option-group": {
"description": "Custom <select> component using cross-browser custom styles. Optionally generate <option> entries based on an array, array of objects.\n\n*Alias for BFormSelectOptionGroup*",
"attributes": [
"disabled-field",
"html-field",
"options",
"text-field",
"value-field",
"label"
]
},
"b-form-spinbutton": {
"description": "BootstrapVue custom numerical spinbutton form input component, featuring WAI-ARIA accessibility (a11y) and internationalization (i18n).",
"attributes": [
"id",
"value",
"size",
"state",
"aria-controls",
"aria-label",
"disabled",
"form",
"formatter-fn",
"inline",
"label-decrement",
"label-increment",
"locale",
"max",
"min",
"name",
"placeholder",
"readonly",
"repeat-delay",
"repeat-interval",
"repeat-step-multiplier",
"repeat-threshold",
"step",
"vertical",
"wrap"
]
},
"b-spinbutton": {
"description": "BootstrapVue custom numerical spinbutton form input component, featuring WAI-ARIA accessibility (a11y) and internationalization (i18n).\n\n*Alias for BFormSpinbutton*",
"attributes": [
"id",
"value",
"size",
"state",
"aria-controls",
"aria-label",
"disabled",
"form",
"formatter-fn",
"inline",
"label-decrement",
"label-increment",
"locale",
"max",
"min",
"name",
"placeholder",
"readonly",
"repeat-delay",
"repeat-interval",
"repeat-step-multiplier",
"repeat-threshold",
"step",
"vertical",
"wrap"
]
},
"b-form-tags": {
"description": "Lightweight custom tagged input form control, with options for customized interface rendering, duplicate tag detection and optional tag validation.",
"attributes": [
"id",
"value",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"add-button-text",
"add-button-variant",
"add-on-change",
"duplicate-tag-text",
"feedback-aria-live",
"ignore-input-focus-selector",
"input-attrs",
"input-class",
"input-id",
"input-type",
"invalid-tag-text",
"limit",
"limit-tags-text",
"no-add-on-enter",
"no-outer-focus",
"no-tag-remove",
"placeholder",
"remove-on-delete",
"separator",
"tag-class",
"tag-pills",
"tag-remove-label",
"tag-removed-label",
"tag-validator",
"tag-variant"
]
},
"b-tags": {
"description": "Lightweight custom tagged input form control, with options for customized interface rendering, duplicate tag detection and optional tag validation.\n\n*Alias for BFormTags*",
"attributes": [
"id",
"value",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"add-button-text",
"add-button-variant",
"add-on-change",
"duplicate-tag-text",
"feedback-aria-live",
"ignore-input-focus-selector",
"input-attrs",
"input-class",
"input-id",
"input-type",
"invalid-tag-text",
"limit",
"limit-tags-text",
"no-add-on-enter",
"no-outer-focus",
"no-tag-remove",
"placeholder",
"remove-on-delete",
"separator",
"tag-class",
"tag-pills",
"tag-remove-label",
"tag-removed-label",
"tag-validator",
"tag-variant"
]
},
"b-form-tag": {
"description": "Lightweight custom tagged input form control, with options for customized interface rendering, duplicate tag detection and optional tag validation.",
"attributes": [
"id",
"disabled",
"no-remove",
"pill",
"remove-label",
"tag",
"title",
"variant"
]
},
"b-tag": {
"description": "Lightweight custom tagged input form control, with options for customized interface rendering, duplicate tag detection and optional tag validation.\n\n*Alias for BFormTag*",
"attributes": [
"id",
"disabled",
"no-remove",
"pill",
"remove-label",
"tag",
"title",
"variant"
]
},
"b-form-textarea": {
"description": "Create multi-line text inputs with support for auto height sizing, minimum and maximum number of rows, and contextual validation states.",
"attributes": [
"id",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"value",
"aria-invalid",
"autocomplete",
"debounce",
"formatter",
"lazy",
"lazy-formatter",
"number",
"placeholder",
"plaintext",
"readonly",
"trim",
"max-rows",
"no-auto-shrink",
"no-resize",
"rows",
"wrap"
]
},
"b-textarea": {
"description": "Create multi-line text inputs with support for auto height sizing, minimum and maximum number of rows, and contextual validation states.\n\n*Alias for BFormTextarea*",
"attributes": [
"id",
"autofocus",
"disabled",
"form",
"name",
"required",
"size",
"state",
"value",
"aria-invalid",
"autocomplete",
"debounce",
"formatter",
"lazy",
"lazy-formatter",
"number",
"placeholder",
"plaintext",
"readonly",
"trim",
"max-rows",
"no-auto-shrink",
"no-resize",
"rows",
"wrap"
]
},
"b-form-timepicker": {
"description": "BootstrapVue custom time picker input form control, which provides full WAI-ARIA accessibility (a11y) and supports internationalization (i18n).",
"attributes": [
"id",
"value",
"aria-labelledby",
"boundary",
"button-only",
"button-variant",
"close-button-variant",
"disabled",
"dropleft",
"dropright",
"dropup",
"footer-tag",
"form",
"header-tag",
"hide-header",
"hour12",
"label-am",
"label-ampm",
"label-close-button",
"label-decrement",
"label-hours",
"label-increment",
"label-minutes",
"label-no-time-selected",
"label-now-button",
"label-pm",
"label-reset-button",
"label-seconds",
"label-selected",
"locale",
"menu-class",
"minutes-step",
"name",
"no-close-button",
"no-flip",
"now-button",
"now-button-variant",
"offset",
"placeholder",
"popper-opts",
"readonly",
"required",
"reset-button",
"reset-button-variant",
"reset-value",
"right",
"seconds-step",
"show-seconds",
"size",
"state"
]
},
"b-timepicker": {
"description": "BootstrapVue custom time picker input form control, which provides full WAI-ARIA accessibility (a11y) and supports internationalization (i18n).\n\n*Alias for BFormTimepicker*",
"attributes": [
"id",
"value",
"aria-labelledby",
"boundary",
"button-only",
"button-variant",
"close-button-variant",
"disabled",
"dropleft",
"dropright",
"dropup",
"footer-tag",
"form",
"header-tag",
"hide-header",
"hour12",
"label-am",
"label-ampm",
"label-close-button",
"label-decrement",
"label-hours",
"label-increment",
"label-minutes",
"label-no-time-selected",
"label-now-button",
"label-pm",
"label-reset-button",
"label-seconds",
"label-selected",
"locale",
"menu-class",
"minutes-step",
"name",
"no-close-button",
"no-flip",
"now-button",
"now-button-variant",
"offset",
"placeholder",
"popper-opts",
"readonly",
"required",
"reset-button",
"reset-button-variant",
"reset-value",
"right",
"seconds-step",
"show-seconds",
"size",
"state"
]
},
"b-img": {
"description": "Create responsive images, optionally adding lightweight styles to them — all via props. Support for rounded images, thumbnail styling, alignment, and even the ability to create blank images with an optional solid background color, and lazy loaded images.",
"attributes": [
"alt",
"blank",
"blank-color",
"block",
"center",
"fluid",
"fluid-grow",
"height",
"left",
"right",
"rounded",
"sizes",
"src",
"srcset",
"thumbnail",
"width"
]
},
"b-img-lazy": {
"description": "Create responsive images, optionally adding lightweight styles to them — all via props. Support for rounded images, thumbnail styling, alignment, and even the ability to create blank images with an optional solid background color, and lazy loaded images.",
"attributes": [
"alt",
"blank-color",
"block",
"center",
"fluid",
"fluid-grow",
"height",
"left",
"right",
"rounded",
"sizes",
"src",
"srcset",
"thumbnail",
"width",
"blank-height",
"blank-src",
"blank-width",
"offset",
"show"
]
},
"b-input-group": {
"description": "Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.",
"attributes": [
"append",
"append-html",
"id",
"prepend",
"prepend-html",
"size",
"tag"
]
},
"b-input-group-prepend": {
"description": "Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.",
"attributes": [
"id",
"is-text",
"tag"
]
},
"b-input-group-append": {
"description": "Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.",
"attributes": [
"id",
"is-text",
"tag"
]
},
"b-input-group-text": {
"description": "Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.",
"attributes": [
"tag"
]
},
"b-input-group-addon": {
"description": "Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.",
"attributes": [
"append",
"id",
"is-text",
"tag"
]
},
"b-jumbotron": {
"description": "A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.",
"attributes": [
"bg-variant",
"border-variant",
"container-fluid",
"fluid",
"header",
"header-html",
"header-level",
"header-tag",
"lead",
"lead-html",
"lead-tag",
"tag",
"text-variant"
]
},
"b-container": {
"description": "Use the powerful mobile-first flexbox grid (via the <b-container>, <b-row>, <b-form-row> and <b-col> components) to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, CSS Sass variables and mixins, and dozens of predefined classes.",
"attributes": [
"fluid",
"tag"
]
},
"b-row": {
"description": "Use the powerful mobile-first flexbox grid (via the <b-container>, <b-row>, <b-form-row> and <b-col> components) to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, CSS Sass variables and mixins, and dozens of predefined classes.",
"attributes": [
"align-content",
"align-h",
"align-v",
"cols",
"cols-lg",
"cols-md",
"cols-sm",
"cols-xl",
"no-gutters",
"tag"
]
},
"b-col": {
"description": "Use the powerful mobile-first flexbox grid (via the <b-container>, <b-row>, <b-form-row> and <b-col> components) to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, CSS Sass variables and mixins, and dozens of predefined classes.",
"attributes": [
"align-self",
"col",
"cols",
"lg",
"md",
"offset",
"offset-lg",
"offset-md",
"offset-sm",
"offset-xl",
"order",
"order-lg",
"order-md",
"order-sm",
"order-xl",
"sm",
"tag",
"xl"
]
},
"b-form-row": {
"description": "Use the powerful mobile-first flexbox grid (via the <b-container>, <b-row>, <b-form-row> and <b-col> components) to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, CSS Sass variables and mixins, and dozens of predefined classes.",
"attributes": [
"tag"
]
},
"b-link": {
"description": "Use BootstrapVue's custom <b-link> component for generating a standard <a> link or <router-link>. <b-link> supports the disabled