BootstrapVue API Manual

Sections

Visible state - Alerts
Contextual variants - Alerts
Additional content inside alerts - Alerts
Dismissible alerts - Alerts
Fading alerts - Alerts
Component reference - Alerts
Contextual variations - Badges
Pill badges - Badges
Actionable badges - Badges
Component reference - Badges
Breadcrumb items - Breadcrumb
Component reference - Breadcrumb
Sizing - Button group
Vertical variation - Button group
Dropdown menu support - Button group
See also - Button group
Component reference - Button group
Usage - Button toolbar
Sizing - Button toolbar
Justify - Button toolbar
Keyboard navigation - Button toolbar
See also - Button toolbar
Component reference - Button toolbar
Element type - Buttons
Type - Buttons
Sizing - Buttons
Contextual variants - Buttons
Block level buttons - Buttons
Pill style - Buttons
Squared style - Buttons
Disabled state - Buttons
Pressed state and toggling - Buttons
Router link support - Buttons
See also - Buttons
Component reference - Buttons
Introduction - Cards
Content types - Cards
Horizontal card layout - Cards
Text variants - Cards
Background and border variants - Cards
Card groups - Cards
Component reference - Cards
Sizing - Carousel
Interval - Carousel
Controls and indicators - Carousel
Carousel animation - Carousel
Touch swipe support - Carousel
v-model support - Carousel
Accessibility - Carousel
Component reference - Carousel
v2.0.0-rc.24 - Changelog
v2.0.0-rc.23 - Changelog
v2.0.0-rc.22 - Changelog
v2.0.0-rc.21 - Changelog
v2.0.0-rc.20 - Changelog
v2.0.0-rc.19 - Changelog
v2.0.0-rc.18 - Changelog
v2.0.0-rc.17 - Changelog
v2.0.0-rc.16 - Changelog
v2.0.0-rc.15 - Changelog
v2.0.0-rc.14 - Changelog
v2.0.0-rc.13 - Changelog
v2.0.0-rc.12 - Changelog
v2.0.0-rc.11 - Changelog
v2.0.0-rc.10 - Changelog
v2.0.0-rc.9 - Changelog
v2.0.0-rc.8 - Changelog
v2.0.0-rc.7 - Changelog
v2.0.0-rc.6 - Changelog
v2.0.0-rc.5 - Changelog
v2.0.0-rc.4 - Changelog
v2.0.0-rc.3 - Changelog
v2.0.0-rc.2 - Changelog
v2.0.0-rc.1 - Changelog
v2.0.0-rc.0 - Changelog
Older releases - Changelog
Usage - Collapse
Initial visibility (start expanded) - Collapse
v-model support - Collapse
Trigger multiple collapse elements - Collapse
Accordion support - Collapse
Hiding and showing content in the toggle button based on collapse state - Collapse
'Global' $root instance events - Collapse
Accessibility - Collapse
Component reference - Collapse
Base variants - Color variants and CSS class mapping
Background and border variants - Color variants and CSS class mapping
Text variants - Color variants and CSS class mapping
Component specific variants - Color variants and CSS class mapping
Using variant classes - Color variants and CSS class mapping
Creating custom variants - Color variants and CSS class mapping
Playground & Issue Reports - Contributing
Setup - Contributing
Work on components - Contributing
Test inside your project - Contributing
Pull requests - Contributing
Financial contributions - Contributing
Credits - Contributing
Button content - Dropdowns
Positioning - Dropdowns
Split button support - Dropdowns
Styling options - Dropdowns
Dropdown supported sub-components - Dropdowns
Listening to dropdown changes via $root events - Dropdowns
Optionally scoped default slot - Dropdowns
Accessibility - Dropdowns
Implementation notes - Dropdowns
See also - Dropdowns
Component reference - Dropdowns
Embed types - Responsive Embeds
Aspect ratios - Responsive Embeds
Wrapper element - Responsive Embeds
Attributes and child elements - Responsive Embeds
Component reference - Responsive Embeds
Checkbox group options array - Form Checkbox Inputs
Inline and stacked checkboxes - Form Checkbox Inputs
Checkbox values and v-model - Form Checkbox Inputs
Button style checkboxes - Form Checkbox Inputs
Switch style checkboxes - Form Checkbox Inputs
Non custom check inputs (plain) - Form Checkbox Inputs
Contextual states - Form Checkbox Inputs
Autofocus - Form Checkbox Inputs
Indeterminate (tri-state) support - Form Checkbox Inputs
Component reference - Form Checkbox Inputs
Single file (default) - Form File Input
Multiple files - Form File Input
Directory mode - Form File Input
Drag and Drop support - Form File Input
Limiting to certain file types - Form File Input
Customize the placeholder text - Form File Input
Customize browse button label - Form File Input
Customize the formatting of the selected file names - Form File Input
Non custom file input - Form File Input
Contextual state feedback - Form File Input
Autofocus - Form File Input
Accessibility - Form File Input
Clearing the file selection - Form File Input
Component reference - Form File Input
Label - Form group
Description - Form group
Nested form groups - Form group
Disabled form-group - Form group
Validation state feedback - Form group
Accessibility - Form group
Component reference - Form group
Input type - Textual and Value inputs
Control sizing - Textual and Value inputs
Contextual states - Textual and Value inputs
Formatter support - Textual and Value inputs
Readonly plain text - Textual and Value inputs
Disabling mousewheel events on numeric-like inputs - Textual and Value inputs
Datalist support - Textual and Value inputs
v-model modifiers - Textual and Value inputs
Autofocus - Textual and Value inputs
Native and custom events - Textual and Value inputs
Exposed input properties and methods - Textual and Value inputs
Component alias - Textual and Value inputs
Component reference - Textual and Value inputs
Individual radios - Form Radio Inputs
Grouped radios - Form Radio Inputs
Radio group options array - Form Radio Inputs
Radio value and v-model - Form Radio Inputs
Inline or stacked radios - Form Radio Inputs
Button style radios - Form Radio Inputs
Non-custom style radio inputs (plain) - Form Radio Inputs
Required constraint - Form Radio Inputs
Autofocus - Form Radio Inputs
Contextual states - Form Radio Inputs
Component reference - Form Radio Inputs
Options property - Form Select
Standard (single) select - Form Select
Multiple select support - Form Select
Control sizing - Form Select
Autofocus - Form Select
Contextual states - Form Select
Non custom select - Form Select
Component reference - Form Select
Control sizing - Form textarea
Displayed rows - Form textarea
Contextual states - Form textarea
Formatter support - Form textarea
Readonly plain text - Form textarea
v-model modifiers - Form textarea
Autofocus - Form textarea
Native and custom events - Form textarea
Exposed input properties and methods - Form textarea
Component alias - Form textarea
Component reference - Form textarea
Introduction to forms and controls - Form
Inline form - Form
Related form control and layout components - Form
Form helper components - Form
Validation - Form
Component reference - Form
Image src resolving - Images
Styling images - Images
Blank (or solid color) images - Images
Lazy loaded images - Images
Component reference - Images
Using project relative image URLs for BootstrapVue custom components - Component img src resolving
Vue Loader transformAssetUrls to resolve img paths - Component img src resolving
Using require to resolve image paths - Component img src resolving
Usage - Input Groups
Checkbox and radio addons - Input Groups
Dropdowns - Input Groups
Multiple addons - Input Groups
Control sizing - Input Groups
Contextual states - Input Groups
Component reference - Input Groups
Options - Jumbotron
Fluid width - Jumbotron
Component tag - Jumbotron
Variants - Jumbotron
Component reference - Jumbotron
How it works - Layout and Grid System
Containers <b-container> - Layout and Grid System
Rows <b-row> and <b-form-row> - Layout and Grid System
Columns <b-col> - Layout and Grid System
Grid options - Layout and Grid System
Auto-layout columns - Layout and Grid System
Responsive classes - Layout and Grid System
Alignment - Layout and Grid System
Reordering - Layout and Grid System
Nesting grids - Layout and Grid System
Component reference - Layout and Grid System
Link type - Links
"Links with href=""#"" - Links"
Link disabled state - Links
Component reference - Links
Active items - List group
Disabled items - List group
Actionable list group items - List group
Contextual variants - List group
With badges - List group
List groups inside cards - List group
Horizontal list groups - List group
Custom content - List group
Component reference - List group
Usage - Media
No body (with sub-components) - Media
Order - Media
Nesting - Media
Vertical align - Media
Media list - Media
Component reference - Media
Overview - Modals
Toggle modal visibility - Modals
Modal content - Modals
Lazy loading and static modals - Modals
Styling, options, and customization - Modals
Multiple modal support - Modals
Modal message boxes - Modals
Listening to modal changes via $root events - Modals
Accessibility - Modals
Component reference - Modals
Overview - Navs
Link appearance - Navs
Fill and justify - Navs
Alignment - Navs
Vertical variation - Navs
Dropdown support - Navs
Using in navbar - Navs
Tabbed local content support - Navs
Accessibility - Navs
See also - Navs
Component reference - Navs
Color schemes - Navbar
Placement - Navbar
Supported content - Navbar
Printing - Navbar
See also - Navbar
Component reference - Navbar
Page link and number generation - Pagination Navigation
Customizing appearance - Pagination Navigation
Auto current page detection and v-model support - Pagination Navigation
Accessibility - Pagination Navigation
See also - Pagination Navigation
Component reference - Pagination Navigation
Overview - Pagination
Customizing appearance - Pagination
Accessibility - Pagination
See also - Pagination
Component reference - Pagination
Overview - Popovers
Positioning - Popovers
Triggers - Popovers
Heading and content - Popovers
Directive syntax and usage - Popovers
Hiding and showing popovers via $root events - Popovers
Disabling and enabling popovers via $root events - Popovers
See also - Popovers
Directive reference - Popovers
Value - Progress
Labels - Progress
Width and height - Progress
Backgrounds - Progress
Multiple bars - Progress
Component reference - Progress
Common router link props - Router link support
Nuxt.js specific router link props - Router link support
How it works - ScrollSpy
Using scrollspy on components with the to prop - ScrollSpy
Directive syntax and usage - ScrollSpy
Events - ScrollSpy
Directive reference - ScrollSpy
Configuring defaults - Settings
Disabling BootstrapVue console warnings - Settings
Component size prop - Sizing props and classes
Breakpoint sizes - Sizing props and classes
Sizing utility classes - Sizing props and classes
Additional resources - Sizing props and classes
How it works - Spacing
Notation - Spacing
Examples - Spacing
Horizontal centering - Spacing
Spinner types - Spinners
Spinner color variants - Spinners
Size - Spinners
Alignment - Spinners
Placement - Spinners
Spinners in buttons - Spinners
Spinner accessibility - Spinners
Component reference - Spinners
Basic example - Starter Templates
Vue CLI 2 - Starter Templates
Vue CLI 3 - Starter Templates
Building with customized Bootstrap v4 CSS - Starter Templates
Individual component import - Starter Templates
Items (record data) - Tables
Fields (column definitions) - Tables
Primary key - Tables
Table style options - Tables
Custom data rendering - Tables
Custom empty and emptyfiltered rendering via slots - Tables
Header and Footer custom rendering via scoped slots - Tables
Row select support - Tables
Row details support - Tables
Sorting - Tables
Filtering - Tables
Pagination - Tables
v-model binding - Tables
Table body transition support - Tables
Using items provider functions - Tables
Light-weight tables - Tables
Accessibility - Tables
Complete example - Tables
Component reference - Tables
Basic usage - Tabs
Cards integration - Tabs
Pills variant - Tabs
Fill and justify - Tabs
Alignment - Tabs
Bottom placement of tab controls - Tabs
Vertical tabs - Tabs
Active classes - Tabs
Fade animation - Tabs
Add tabs without content - Tabs
Add custom content to tab title - Tabs
Apply custom classes to the generated nav-tabs or pills - Tabs
Keyboard navigation - Tabs
Programmatically activating and deactivating tabs - Tabs
Advanced examples - Tabs
Component reference - Tabs
Custom SCSS - Theming Bootstrap & BootstrapVue
See also - Theming Bootstrap & BootstrapVue
Overview - Toasts
Toasts on demand - Toasts
Options - Toasts
<b-toast> component - Toasts
<b-toaster> target component - Toasts
Advanced usage - Toasts
Accessibility - Toasts
Component reference - Toasts
Overview - Tooltips
Positioning - Tooltips
Triggers - Tooltips
Title content - Tooltips
Directive syntax and usage - Tooltips
Hiding and showing tooltips via $root events - Tooltips
Disabling and enabling tooltips via $root events - Tooltips
See also - Tooltips
Directive reference - Tooltips
External references - Bootstrap v4 utility classes
Vuelidate - Form Validation
VeeValidate - Form Validation

BootstrapVue API Manual

Guides

Sections