# Introduction

> Quickly and Easily Integrate Bootstrap V5 Components With Vue 3

## Table of Contents

- [Accessibility](/bootstrap-vue-next/docs/reference/accessibility.md): A brief overview of BootstrapVueNext's features and limitations for the creation of accessible content.
- [Accordion](/bootstrap-vue-next/docs/components/accordion.md): Build vertically collapsing accordions in combination with `BCollapse` component.
- [Alert](/bootstrap-vue-next/docs/components/alert.md): Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
- [App](/bootstrap-vue-next/docs/components/app.md): The `BApp` component is the new recommended way to configure bootstrap-vue-next. It replaces the plugin-based approach and provides better defaults management, orchestrator integration, and improved type safety.
- [Aspect](/bootstrap-vue-next/docs/components/aspect.md): The <BAspect> component can be used to maintain a minimum responsive aspect ratio for content. When the content is longer than the available height, then the component will expand vertically to fit all content. If the content is shorter than the computed aspect height, the component will ensure a minimum height is maintained.
- [Autocomplete](/bootstrap-vue-next/docs/components/autocomplete.md): An input with a dropdown suggestions list. Users can type freely to filter options, and the value is set when an item is selected from the list. Supports single and multiple selection, async fetching, and tags mode.
- [Avatar](/bootstrap-vue-next/docs/components/avatar.md): Avatars are a custom component, and are typically used to display a user profile as a picture or short text. `BAvatar` provides several props for customizing its appearance such as color variant and roundness, and optionally supports acting as a button, link, or a [router link](/docs/reference/router-links).
- [BAccordion Migration](/bootstrap-vue-next/docs/migration-data/components/baccordion.md): BootstrapVue did not ship a first-class accordion component, so accordion migrations usually start from `BCollapse`-based patterns rather than a direct `BAccordion` replacement.
- [Badge](/bootstrap-vue-next/docs/components/badge.md): Documentation and examples for badges, our small count and labeling component.
- [BAlert Migration](/bootstrap-vue-next/docs/migration-data/components/balert.md): Migration notes for BAlert from BootstrapVue to BootstrapVueNext.
- [BAvatar Migration](/bootstrap-vue-next/docs/migration-data/components/bavatar.md): Migration notes for BAvatar from BootstrapVue to BootstrapVueNext.
- [BBadge Migration](/bootstrap-vue-next/docs/migration-data/components/bbadge.md): Migration notes for BBadge from BootstrapVue to BootstrapVueNext.
- [BBreadcrumb Migration](/bootstrap-vue-next/docs/migration-data/components/bbreadcrumb.md): Migration notes for BBreadcrumb from BootstrapVue to BootstrapVueNext.
- [BButton Migration](/bootstrap-vue-next/docs/migration-data/components/bbutton.md): Migration notes for BButton from BootstrapVue to BootstrapVueNext.
- [BButtonClose Migration](/bootstrap-vue-next/docs/migration-data/components/bbuttonclose.md): Migration notes for BButtonClose from BootstrapVue to BootstrapVueNext.
- [BCalendar Migration](/bootstrap-vue-next/docs/migration-data/components/bcalendar.md): `BCalendar` is currently experimental and does not yet have stable migration guidance.
- [BCard Migration](/bootstrap-vue-next/docs/migration-data/components/bcard.md): Migration notes for BCard from BootstrapVue to BootstrapVueNext.
- [BCardGroup Migration](/bootstrap-vue-next/docs/migration-data/components/bcardgroup.md): Migration notes for BCardGroup from BootstrapVue to BootstrapVueNext.
- [BCardImgLazy Migration](/bootstrap-vue-next/docs/migration-data/components/bcardimglazy.md): Migration notes for BCardImgLazy from BootstrapVue to BootstrapVueNext.
- [BCarousel Migration](/bootstrap-vue-next/docs/migration-data/components/bcarousel.md): Migration notes for BCarousel from BootstrapVue to BootstrapVueNext.
- [BCollapse Migration](/bootstrap-vue-next/docs/migration-data/components/bcollapse.md): Migration notes for BCollapse from BootstrapVue to BootstrapVueNext.
- [BColorMode](/bootstrap-vue-next/docs/directives/BColorMode.md): The BColorMode directive has a similar result to the useColorMode utility, but provides more low level access than the composable
- [BDropdown Migration](/bootstrap-vue-next/docs/migration-data/components/bdropdown.md): Migration notes for BDropdown from BootstrapVue to BootstrapVueNext.
- [BEmbed Migration](/bootstrap-vue-next/docs/migration-data/components/bembed.md): Migration notes for BEmbed from BootstrapVue to BootstrapVueNext.
- [BForm Migration](/bootstrap-vue-next/docs/migration-data/components/bform.md): Migration notes for BForm from BootstrapVue to BootstrapVueNext.
- [BFormCheckbox Migration](/bootstrap-vue-next/docs/migration-data/components/bformcheckbox.md): `BFormCheckbox` mostly follows the shared Vue 3 form-model migration pattern.
- [BFormDatePicker Migration](/bootstrap-vue-next/docs/migration-data/components/bformdatepicker.md): `BFormDatePicker` is currently experimental and does not yet have stable migration guidance.
- [BFormFile Migration](/bootstrap-vue-next/docs/migration-data/components/bformfile.md): Migration notes for BFormFile from BootstrapVue to BootstrapVueNext.
- [BFormGroup Migration](/bootstrap-vue-next/docs/migration-data/components/bformgroup.md): Migration notes for BFormGroup from BootstrapVue to BootstrapVueNext.
- [BFormInput Migration](/bootstrap-vue-next/docs/migration-data/components/bforminput.md): Migration notes for BFormInput from BootstrapVue to BootstrapVueNext.
- [BFormRadio Migration](/bootstrap-vue-next/docs/migration-data/components/bformradio.md): Migration notes for BFormRadio from BootstrapVue to BootstrapVueNext.
- [BFormRating Migration](/bootstrap-vue-next/docs/migration-data/components/bformrating.md): Migration notes for BFormRating from BootstrapVue to BootstrapVueNext.
- [BFormSelect Migration](/bootstrap-vue-next/docs/migration-data/components/bformselect.md): Migration notes for BFormSelect from BootstrapVue to BootstrapVueNext.
- [BFormSpinButton Migration](/bootstrap-vue-next/docs/migration-data/components/bformspinbutton.md): Migration notes for BFormSpinButton from BootstrapVue to BootstrapVueNext.
- [BFormTags Migration](/bootstrap-vue-next/docs/migration-data/components/bformtags.md): Migration notes for BFormTags from BootstrapVue to BootstrapVueNext.
- [BFormTextarea Migration](/bootstrap-vue-next/docs/migration-data/components/bformtextarea.md): Migration notes for BFormTextarea from BootstrapVue to BootstrapVueNext.
- [BFormTimePicker Migration](/bootstrap-vue-next/docs/migration-data/components/bformtimepicker.md): `BFormTimePicker` is currently experimental and does not yet have stable migration guidance.
- [BImg Migration](/bootstrap-vue-next/docs/migration-data/components/bimg.md): Migration notes for BImg from BootstrapVue to BootstrapVueNext.
- [BImgLazy Migration](/bootstrap-vue-next/docs/migration-data/components/bimglazy.md): Migration notes for BImgLazy from BootstrapVue to BootstrapVueNext.
- [BInputGroup Migration](/bootstrap-vue-next/docs/migration-data/components/binputgroup.md): Migration notes for BInputGroup from BootstrapVue to BootstrapVueNext.
- [BJumbotron Migration](/bootstrap-vue-next/docs/migration-data/components/bjumbotron.md): Migration notes for BJumbotron from BootstrapVue to BootstrapVueNext.
- [BLink Migration](/bootstrap-vue-next/docs/migration-data/components/blink.md): Migration notes for BLink from BootstrapVue to BootstrapVueNext.
- [BListGroup Migration](/bootstrap-vue-next/docs/migration-data/components/blistgroup.md): Migration notes for BListGroup from BootstrapVue to BootstrapVueNext.
- [BMedia Migration](/bootstrap-vue-next/docs/migration-data/components/bmedia.md): Migration notes for BMedia from BootstrapVue to BootstrapVueNext.
- [BModal](/bootstrap-vue-next/docs/directives/BModal.md): 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
- [BModal Migration](/bootstrap-vue-next/docs/migration-data/components/bmodal.md): Migration notes for BModal from BootstrapVue to BootstrapVueNext.
- [BNav Migration](/bootstrap-vue-next/docs/migration-data/components/bnav.md): Migration notes for BNav from BootstrapVue to BootstrapVueNext.
- [BNavbar Migration](/bootstrap-vue-next/docs/migration-data/components/bnavbar.md): Migration notes for BNavbar from BootstrapVue to BootstrapVueNext.
- [BootstrapVue to BootstrapVueNext Migration Overview](/bootstrap-vue-next/docs/migration-data/patterns/overview.md): Overview of the major BootstrapVue to BootstrapVueNext migration themes, prerequisites, and deprecation policy.
- [BOverlay Migration](/bootstrap-vue-next/docs/migration-data/components/boverlay.md): Migration notes for BOverlay from BootstrapVue to BootstrapVueNext.
- [BPagination Migration](/bootstrap-vue-next/docs/migration-data/components/bpagination.md): Migration notes for BPagination from BootstrapVue to BootstrapVueNext.
- [BPaginationNav Migration](/bootstrap-vue-next/docs/migration-data/components/bpaginationnav.md): Migration notes for BPaginationNav from BootstrapVue to BootstrapVueNext.
- [BPopover](/bootstrap-vue-next/docs/directives/BPopover.md): Add popovers to any element using the v-b-popover directive. Popovers can be triggered by hovering, focusing, or clicking an element
- [BPopover Migration](/bootstrap-vue-next/docs/migration-data/components/bpopover.md): Migration notes for BPopover from BootstrapVue to BootstrapVueNext.
- [BProgressBar Migration](/bootstrap-vue-next/docs/migration-data/components/bprogressbar.md): Migration notes for BProgressBar from BootstrapVue to BootstrapVueNext.
- [Breadcrumb](/bootstrap-vue-next/docs/components/breadcrumb.md): Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
- [BSidebar to BOffcanvas Migration](/bootstrap-vue-next/docs/migration-data/components/bsidebar.md): Migration notes for BSidebar from BootstrapVue to BootstrapVueNext.
- [BSkeleton Migration](/bootstrap-vue-next/docs/migration-data/components/bskeleton.md): BootstrapVueNext removes BSkeleton in favor of Bootstrap 5 placeholder components and manual review.
- [BTable Migration](/bootstrap-vue-next/docs/migration-data/components/btable.md): Migration notes for BTable from BootstrapVue to BootstrapVueNext.
- [BTableLight Migration](/bootstrap-vue-next/docs/migration-data/components/btablelight.md): Migration notes for BTableLight from BootstrapVue to BootstrapVueNext.
- [BTableSimple Migration](/bootstrap-vue-next/docs/migration-data/components/btablesimple.md): Migration notes for BTableSimple from BootstrapVue to BootstrapVueNext.
- [BTabs Migration](/bootstrap-vue-next/docs/migration-data/components/btabs.md): Migration notes for BTabs from BootstrapVue to BootstrapVueNext.
- [BTime Migration](/bootstrap-vue-next/docs/migration-data/components/btime.md): `BTime` is currently experimental and does not yet have stable migration guidance.
- [BToast Migration](/bootstrap-vue-next/docs/migration-data/components/btoast.md): Migration notes for BToast from BootstrapVue to BootstrapVueNext.
- [BToaster Migration](/bootstrap-vue-next/docs/migration-data/components/btoaster.md): Migration notes for BToaster from BootstrapVue to BootstrapVueNext.
- [BToggle](/bootstrap-vue-next/docs/directives/BToggle.md): 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
- [BTooltip](/bootstrap-vue-next/docs/directives/BTooltip.md): Add tooltips to any element using the v-b-tooltip directive. Tooltips can be triggered by hovering, focusing, or clicking an element
- [BTooltip Migration](/bootstrap-vue-next/docs/migration-data/components/btooltip.md): Migration notes for BTooltip from BootstrapVue to BootstrapVueNext.
- [Button](/bootstrap-vue-next/docs/components/button.md): Use Bootstrap's custom `BButton` component for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.
- [Button Group](/bootstrap-vue-next/docs/components/button-group.md): Group a series of buttons together on a single line or stack them in a vertical column with `BButtonGroup`.
- [Button Toolbar](/bootstrap-vue-next/docs/components/button-toolbar.md): Group a series of button-groups and/or input-groups together on a single line, with support for sizing, justification, and mixing different control types.
- [Card](/bootstrap-vue-next/docs/components/card.md): 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.
- [Carousel](/bootstrap-vue-next/docs/components/carousel.md): The carousel is a slideshow for cycling through a series of content. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.
Nested carousels are not supported. You should also be aware that carousels in general can often cause usability and accessibility challenges.
- [Collapse](/bootstrap-vue-next/docs/components/collapse.md): Easily toggle visibility of almost any content on your pages in a vertically collapsing container. Includes support for making accordions. Visibility can be easily toggled with our [`v-b-toggle` directive](/docs/directives/BToggle), or via [`v-model`](#v-model-support).
- [Color Variants](/bootstrap-vue-next/docs/reference/color-variants.md): Color variants are available when using the default Bootstrap v5 CSS and their mappings to CSS classes. Below are the variants available when using the default Bootstrap v5 CSS. When using BootstrapVueNext components, the variants are referred to by their variant name, rather than by the underlying CSS classname.
- [Component Alias Migration](/bootstrap-vue-next/docs/migration-data/patterns/component-aliases.md): BootstrapVue component aliases are not auto-registered in BootstrapVueNext and must be migrated to canonical names or resolver aliases.
- [Components](/bootstrap-vue-next/docs/components.md): Browse BootstrapVueNext components with links to usage guides, demos, and API details.
- [Composables](/bootstrap-vue-next/docs/composables.md): Browse BootstrapVueNext composables for programmatic control, shared state, and component integration.
- [Configurations](/bootstrap-vue-next/docs/configurations.md): Discover global BootstrapVueNext configuration options for customizing component behavior across your app.
- [Customizing Styles](/bootstrap-vue-next/docs/configurations/customizing-styles.md): Learn how to customize Bootstrap and component styles.
- [Directives](/bootstrap-vue-next/docs/directives.md): Browse BootstrapVueNext directives for tooltips, popovers, modal triggers, color mode, and toggle behavior.
- [Dropdown](/bootstrap-vue-next/docs/components/dropdown.md): Dropdowns are toggleable, contextual overlays for displaying lists of links and actions in a dropdown menu format.
- [Form](/bootstrap-vue-next/docs/components/form.md): BootstrapVueNext form component and helper components that optionally support inline form styles and validation states. Pair them up with other BootstrapVueNext form control components for an easy customized, and responsive, layout with a consistent look and feel.
- [Form Checkbox](/bootstrap-vue-next/docs/components/form-checkbox.md): For cross browser consistency, `BFormCheckboxGroup` and `BFormCheckbox` use Bootstrap's custom checkbox input to replace the browser default checkbox input. It is built on top of semantic and accessible markup, so it is a solid replacement for the default checkbox input.
- [Form File](/bootstrap-vue-next/docs/components/form-file.md): File input control that supports single and multiple file modes, drag and drop, file type restrictions, and directory selection with contextual state feedback.
- [Form Group](/bootstrap-vue-next/docs/components/form-group.md): The `BFormGroup` component is the easiest way to 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.
- [Form Input](/bootstrap-vue-next/docs/components/form-input.md): Create various type inputs such as: `text`, `password`, `number`, `url`, `email`, `search`, `range`, `date` and more.
- [Form OTP](/bootstrap-vue-next/docs/components/form-otp.md): A sequence of one-character inputs for entering OTP codes, PINs, and verification codes. Built on top of Reka UI PinInput with Bootstrap styling.
- [Form Radio](/bootstrap-vue-next/docs/components/form-radio.md): For cross browser consistency, `BFormRadioGroup` and `BFormRadio` uses Bootstrap's custom radio input to replace the browser default radio input. It is built on top of semantic and accessible markup, so it is a solid replacement for the default radio input.
- [Form Rating](/bootstrap-vue-next/docs/components/form-rating.md): Custom rating component for entering or displaying values. Fully WAI-ARIA accessible with keyboard control, supporting both interactive and readonly modes with customizable styling and icons.
- [Form Select](/bootstrap-vue-next/docs/components/form-select.md): Bootstrap custom `<select>` using custom styles. Optionally specify options based on an array, array of objects, or an object.
- [Form Spinbutton](/bootstrap-vue-next/docs/components/form-spinbutton.md): The Form SpinButton allows the user to adjusting a numeric range with finite control
- [Form Tags](/bootstrap-vue-next/docs/components/form-tags.md): Lightweight custom tagged input form control, with options for customized interface rendering, duplicate tag detection and optional tag validation.
- [Form Textarea](/bootstrap-vue-next/docs/components/form-textarea.md): Create multi-line text inputs with support for auto height sizing, minimum and maximum number of rows, and contextual states.
- [Form Validation](/bootstrap-vue-next/docs/reference/form-validation.md): BootstrapVueNext does not include form validation by default; we leave that up to the many existing form validation plugins. Included here are some examples of validation plugins and how they may be integrated.
- [Getting Started](/bootstrap-vue-next/docs.md): Get started with BootstrapVueNext and Bootstrap `v5`, the world's most popular framework for building responsive, mobile-first sites.
- [Global Options](/bootstrap-vue-next/docs/configurations/global-options.md): Set default prop values for all Vue components.
- [Grid Migration](/bootstrap-vue-next/docs/migration-data/components/grid.md): Migration notes for Grid from BootstrapVue to BootstrapVueNext.
- [Grid System](/bootstrap-vue-next/docs/components/grid-system.md): Use the powerful mobile-first flexbox grid (via the `<BContainer>`, `<BRow>` and `<BCol>` 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.
- [HTML Prop to Slot Migration](/bootstrap-vue-next/docs/migration-data/patterns/v-html-props.md): Unsafe HTML string props are replaced by explicit slot-based rendering in BootstrapVueNext.
- [Icons](/bootstrap-vue-next/docs/icons.md): Learn the recommended icon integration approaches for BootstrapVueNext after BootstrapVue icon component deprecation.
- [Image](/bootstrap-vue-next/docs/components/image.md): Documentation and examples for opting images (via `BImg` component) into responsive behavior (so they never become larger than their parent elements), optionally adding lightweight styles to them — all via props.
- [Images](/bootstrap-vue-next/docs/reference/images.md): Information on including images in your components. The src prop and blank-src prop work only with absolute or fully-qualified URLs. If using project assets as image sources, you'll need to configure your build tool to transform asset URLs.
- [Input Group](/bootstrap-vue-next/docs/components/input-group.md): Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.
- [Link](/bootstrap-vue-next/docs/components/link.md): Use BootstrapVue's custom b-link component for generating a standard `<a>` link or `RouterLink`. `BLink` supports the `disabled` state and `click` event propagation.
- [List Group](/bootstrap-vue-next/docs/components/list-group.md): List Groups are a flexible and powerful component for displaying a series of content. List Group items can be modified to support just about any content within. They can also be used as navigation via various props.
- [MCP Server](/bootstrap-vue-next/docs/mcp.md): Use the BootstrapVueNext MCP server for AI-assisted migration and docs access.
- [Migration Knowledge Base](/bootstrap-vue-next/docs/migration-data.md): Structured BootstrapVue to BootstrapVueNext migration knowledge base with machine-readable frontmatter.
- [Modal](/bootstrap-vue-next/docs/components/modal.md): Modals are streamlined, but flexible dialog prompts. They support a number of use cases from user notification to completely custom content and feature a handful of helpful sub-components, sizes, variants, accessibility, and more.
- [Native Event Documentation Migration](/bootstrap-vue-next/docs/migration-data/patterns/native-events.md): BootstrapVueNext no longer documents bubbled native DOM events as component API events, even though native Vue event bubbling may still make those events observable at the component boundary.
- [Nav](/bootstrap-vue-next/docs/components/nav.md): Navigation available in Bootstrap share general markup and styles, from the base `<BNav>` class to the `active` and `disabled` states. Swap modifier props to switch between each style.
- [Navbar](/bootstrap-vue-next/docs/components/navbar.md): The component `BNavbar` is a wrapper that positions branding, navigation, and other elements into a concise header. It is easily extensible and thanks to the `BCollapse` component, it can easily integrate responsive behaviors.
- [Nuxt](/bootstrap-vue-next/docs/nuxt.md): Install and configure the BootstrapVueNext Nuxt module, including built-in automations and integrations.
- [Offcanvas](/bootstrap-vue-next/docs/components/offcanvas.md): The `<BOffcanvas>` component is a fixed-position toggleable slide out box, which can be used for navigation, menus, details, etc. It can be positioned on any side of the viewport (top, bottom, start, or end), with optional backdrop support.
- [Options](/bootstrap-vue-next/docs/components/_options.md)
- [Overlay](/bootstrap-vue-next/docs/components/overlay.md): BootstrapVueNext's custom `BOverlay` component is used to _visually obscure_ a particular element or component and its content. It signals a state change within the element or component to the user and can be used for creating loaders, warnings/alerts, prompts, and more.
- [Pagination](/bootstrap-vue-next/docs/components/pagination.md): Quick first, previous, next, last, and page buttons for pagination control of another component (such as `BTable` or lists).
- [Placeholder](/bootstrap-vue-next/docs/components/placeholder.md): Placeholders are components that allows you to display a loading state for several component types while your data is being fetched or computed.
- [Popover](/bootstrap-vue-next/docs/components/popover.md): The Popover feature, which provides a tooltip-like behavior, can be easily applied to any interactive element via the `<BPopover>` component or [`v-b-popover`](/docs/directives/BPopover) directive. Popovers can also be created and programmatically controlled via the composable [`usePopover`](/docs/composables/usePopover)
- [Progress](/bootstrap-vue-next/docs/components/progress.md): Use our custom progress component for displaying simple or complex progress bars, featuring support for horizontally stacked bars, animated backgrounds, and text labels.
- [RadiusElementExtendables Rounding Migration](/bootstrap-vue-next/docs/migration-data/props/rounded-radius-element.md): Directional `rounded` prop values from BootstrapVue are replaced by edge-specific RadiusElement props in BootstrapVueNext.
- [Reference](/bootstrap-vue-next/docs/reference.md): Browse shared reference guides for router links, validation, theming, Bootstrap helpers, and related topics.
- [Router Links](/bootstrap-vue-next/docs/reference/router-links.md): Several BootstrapVue components support rendering RouterLink components compatible with Vue Router and Nuxt.js. For more information, see the official Vue Router docs and official Nuxt.js docs.
- [Settings](/bootstrap-vue-next/docs/reference/settings.md): BootstrapVue provides a few options for customizing component default values, and more.
- [Show and Hide Prop Migration](/bootstrap-vue-next/docs/migration-data/patterns/show-hide.md): BootstrapVueNext standardizes visibility control around `v-model` and `no*`-prefixed rendering props.
- [Size Props And Classes](/bootstrap-vue-next/docs/reference/size-props-and-classes.md): Bootstrap v5 CSS provides several classes that control the sizing of elements, some of which have been translated into props on components.
- [Spacing Classes](/bootstrap-vue-next/docs/reference/spacing-classes.md): Bootstrap v5 CSS includes a wide range of shorthand responsive margin and padding utility classes to modify an element's appearance.
- [Spinner](/bootstrap-vue-next/docs/components/spinner.md): The `<BSpinner>` component can be used to show the loading state in your projects. They're rendered only with basic HTML and CSS as a lightweight Vue component. Their appearance, alignment, and sizing can be easily customized with a few built-in props and/or Bootstrap v5 utility classes.
- [Starter Templates](/bootstrap-vue-next/docs/reference/starter-templates.md): There are several ways you can create your app, from basic client side HTML all the way up to using a build system and compilers.
- [Sync Modifier Migration](/bootstrap-vue-next/docs/migration-data/patterns/sync-modifier.md): Replace BootstrapVue `.sync` bindings with Vue 3 model bindings in BootstrapVueNext.
- [Table](/bootstrap-vue-next/docs/components/table.md): For displaying tabular data, `BTable` supports pagination, filtering, sorting, custom rendering, various style options, events, and asynchronous data. For simple display of tabular data without all the fancy features, BootstrapVueNext provides two lightweight alternative components [`BTableLite`](#light-weight-tables) and [`BTableSimple`](#simple-tables).
- [Tabs](/bootstrap-vue-next/docs/components/tabs.md): Create a widget of tabbable panes of _local content_. The tabs component is built upon navs and cards internally, and provides full keyboard navigation control of the tabs.
- [Theming Bootstrap](/bootstrap-vue-next/docs/reference/theming-bootstrap.md): Theming is accomplished by SASS variables, SASS maps, and custom CSS. Bootstrap does not provide a dedicated theme stylesheet; instead, you can enable the built-in theme to add gradients, shadows, and more.
- [Third Party Libraries](/bootstrap-vue-next/docs/reference/third-party-libraries.md): There are several 3rd party libraries that you can use to add additional functionality and features to your BootstrapVue project.
- [Toast](/bootstrap-vue-next/docs/components/toast.md): Push notifications to your visitors with `BToast` and `useToast`. These are easily customizable for generating alert messages.
- [Tooltip](/bootstrap-vue-next/docs/components/tooltip.md): Easily add tooltips to an interactive element or component via the `<BTooltip>` component or [`v-b-tooltip`](/docs/directives/BTooltip) directive. Tooltips can also be created and programmatically controlled via the composable [`usePopover`](/docs/composables/usePopover)
- [Type Safe Options](/bootstrap-vue-next/docs/reference/type-safe-options.md): Type-safe `options` prop patterns for BFormSelect, BFormRadioGroup, BFormCheckboxGroup, and BFormDatalist. Learn how TypeScript generics provide compile-time safety for option values and v-model inference.
- [Types](/bootstrap-vue-next/docs/types.md): BootstrapVueNext is a complete rewrite that strives for full TypeScript compatibility. This is a list of types we use in this library and that you can use too.
- [Untitled](/bootstrap-vue-next/docs/components/_type-safety-backward-compat.md)
- [Untitled](/bootstrap-vue-next/docs/components/_type-safety-benefits.md)
- [Untitled](/bootstrap-vue-next/docs/components/_type-safety-intro.md)
- [Untitled](/bootstrap-vue-next/docs/directives/BScrollspy.md): 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.
- [useBreadcrumb](/bootstrap-vue-next/docs/composables/useBreadcrumb.md): `useBreadcrumb` is a helper utility for the `BBreadcrumb` component. It provides a **globally** changable context so you can modify a breadcrumb. It should be noted that the breadcrumb component will automatically use the global context by default. `useBreadcrumb` is shared globally, one modification to the state will be recognized throughout the app. As noted in the BBreadcrumb documentation, the items prop for the component takes precedence over `useBreadcrumb`
- [useColorMode](/bootstrap-vue-next/docs/composables/useColorMode.md): `useColorMode` provides a convenient utility to adjust the global color theme of your application. You can also use it to target specific components by using a [template ref](https://vuejs.org/guide/essentials/template-refs.html#template-refs) or a selector. Bootstrap's default behavior dictates that color modes are applied to all children in the branch. `useColorMode` is simply a wrapper for the [vueuse](https://vueuse.org/core/useColorMode/#usecolormode) utility.
- [useModal](/bootstrap-vue-next/docs/composables/useModal.md): The `useModal` composable provides a powerful API to create, manage, and control modals programmatically from anywhere in your application. It allows you to create modals on-demand, manage existing modals, and handle modal interactions through promises.
- [usePopover](/bootstrap-vue-next/docs/composables/usePopover.md): The `usePopover` composable allows you to create and control popovers and tooltips dynamically from anywhere in your application. It provides methods to create, show, hide, and manage both popovers and tooltips programmatically.
- [useScrollspy](/bootstrap-vue-next/docs/composables/useScrollspy.md): The `useScrollspy` composable provides automatic navigation highlighting based on scroll position. It tracks the visibility of content elements and automatically updates the active state of corresponding navigation items, making it perfect for table of contents, documentation navigation, and section-based layouts.
- [useToast](/bootstrap-vue-next/docs/composables/useToast.md): The `useToast` composable allows you to create and manage toasts programmatically from anywhere in your application. It provides a simple API to show toast messages without needing to declare toast components in your templates.
- [useToggle](/bootstrap-vue-next/docs/composables/useToggle.md): You can use `useToggle` to get the closest toggleable component in **child component** and show,hide or toggle it. It can also be supplied a target id to show, hide or toggle a specific component
- [Utility Classes](/bootstrap-vue-next/docs/reference/utility-classes.md): Bootstrap v5 CSS provides various utility classes to control color, spacing, flex-box, text alignment, floating, position, responsive display/hiding and much more.
- [v-b-hover Migration](/bootstrap-vue-next/docs/migration-data/directives/v-b-hover.md): Migration notes for v-b-hover from BootstrapVue to BootstrapVueNext.
- [v-b-modal Migration](/bootstrap-vue-next/docs/migration-data/directives/v-b-modal.md): Migration notes for v-b-modal from BootstrapVue to BootstrapVueNext.
- [v-b-popover Migration](/bootstrap-vue-next/docs/migration-data/directives/v-b-popover.md): Migration notes for v-b-popover from BootstrapVue to BootstrapVueNext.
- [v-b-tooltip Migration](/bootstrap-vue-next/docs/migration-data/directives/v-b-tooltip.md): Migration notes for v-b-tooltip from BootstrapVue to BootstrapVueNext.
- [v-b-visible Migration](/bootstrap-vue-next/docs/migration-data/directives/v-b-visible.md): Migration notes for v-b-visible from BootstrapVue to BootstrapVueNext.