Directives
Browse BootstrapVueNext directives for tooltips, popovers, modal triggers, color mode, and toggle behavior.
Are you an LLM? You can read better optimized documentation at /bootstrap-vue-next/docs/directives.md for this page in Markdown format
Use these directives when you want BootstrapVueNext behavior on existing elements without wrapping them in components.
Depending on the installation method, directives may be automatically registered globally. However, if they are not automatically imported, you will want to import them manually. Every directive is exposed using the v- prefix. For example, for directive BToggle, it is imported under vBToggle. When using the composition api, it will function as expected. However, if you are using the options api you will want to manually remove the v- prefix during registry. For more information, visit the vue docs.
See also Components and Composables.
The BColorMode directive has a similar result to the useColorMode utility, but provides more low level access than the composable
A light-weight directive for showing modals by ID. It provides a semantically clear way to trigger modals and automatically handles accessibility attributes and trigger registration
Add popovers to any element using the v-b-popover directive. Popovers can be triggered by hovering, focusing, or clicking an element
Add automatic active-state tracking to navigation links with the v-b-scrollspy directive. It watches a content container and applies active classes to matching links as the user scrolls.
A light-weight directive for toggling visibility state for collapses, offcanvas, and modals by ID. It automatically sets the aria-controls attribute and registers the trigger with the target component, which then manages aria-expanded and visual state
Add tooltips to any element using the v-b-tooltip directive. Tooltips can be triggered by hovering, focusing, or clicking an element