BootstrapVue Badge
Docs
Vue.js 3
Components
Directives
Icons
Reference
Play
v2.23.1
Latest (v2.23.1)
Changelog
Home
Getting Started
Components
Alert
Aspect
Avatar
Badge
Breadcrumb
Button
Button Group
Button Toolbar
Calendar
Card
Carousel
Collapse
Dropdown
Embed
Form
Form Checkbox
Form Datepicker
Form File
Form Group
Form Input
Form Radio
Form Rating
Form Select
Form Spinbutton
Form Tags
Form Textarea
Form Timepicker
Image
Input Group
Jumbotron
Layout and Grid System
Link
List Group
Media
Modal
Nav
Navbar
Overlay
Pagination
Pagination Nav
Popover
Progress
Sidebar
Skeleton
Spinner
Table
Tabs
Time
Toast
Tooltip
Directives
Hover
Popover
Scrollspy
Toggle
Tooltip
Visible
Icons
Reference
Accessibility
Changelog
Color Variants
Contributing
Component img src resolving
Router support
Settings
Size props and classes
Spacing classes
Starter Templates
Theming Bootstrap
Third party libraries
Utility Classes
Form Validation
Playground
Home
Docs
Directives
Directives
- table of contents
BootstrapVue directives and directive group plugins.
Hover
—
A lightweight directive that allows you to react when an element either becomes hovered or unhovered
v2.5.0
Popover
—
Add BootstrapVue popovers to any element on your site, using Bootstrap v4 CSS for styling and animations. Popovers are tooltips on steroids.
Scrollspy
—
Automatically activate BootstrapVue navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Toggle
—
A light-weight directive for toggling visibility state for collapses and sidebars by ID. It automatically handles the accessibility attributes on the trigger element.
Tooltip
—
Add custom BootstrapVue tooltips to any element. Tooltips can be triggered by hovering, focusing, or clicking an element.
Visible
—
The `v-b-visible` directive allows you to react when an element becomes visible in the viewport.
v2.1.0