BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

Overview


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.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup.


Current version Bootstrap version Vue.js version Build status Dependencies status
Coverage Package quality Code quality npm downloads npm weekly downloads
Open Collective sponsors Open Collective backers Open Collective balance

Links

Sponsors

Support this project by becoming a sponsor.

Your logo will show up here with a link to your website. [Become a sponsor]

Backers

Thank you to all our backers! 🙏 [Become a backer]

Contributors

This project exists thanks to all the people who contribute. [Contribute].

Partners

Powered by Vercel

License

Released under the MIT License. Copyright (c) BootstrapVue.

FOSSA Status

Comments
  • [table] Async providers, events, and enhancements

    [table] Async providers, events, and enhancements

    Adds async provider function support (callback and Promise based)

    Deprecates items-provider in favour of passing function to items prop

    Adds scoped slot support for table header and footers

    Added busy prop for triggering table "busy" state (via `aria-busy="true" attribute).

    Emits head-clicked event when header cells are clicked (when not busy), and a refreshed event when the provider function has completed/resolved.

    Added sort-changed event when sorting criteria has changed

    Added extra documentation.

    A working prototype example can be found here: https://jsfiddle.net/dyzs5txk/ (complete with header/footer scoped slots). You can select how the items are provided to b-table (view the console for the various stages of data retrieval). The example requires a browser that supports Promises (just to emulate the delay in fetching data).

    The updated documentation provides greater detail on the new features

    image

    Type: Enhancement 
    opened by tmorehouse 86
  • Modal window does not work

    Modal window does not work

    When I copy example (https://jsfiddle.net/pi0/bofh9aaa) locally, it does not work on bootstrap 4.0.0-alpha.6 and bootstrap-vue 0.14.0. I get only a blackout of body.

    Status: Help Wanted Type: Question 
    opened by kollors 83
  • feat(tabs): Added support for vertical tabs

    feat(tabs): Added support for vertical tabs

    With this commit we support vertical tabs by setting <b-tabs position="left" or <b-tabs position="right". The boolean property bottom has been removed as that would be redundant.

    The only issue I still have is using the card property with postition left or right. It seems the card-block class has preference over the col class causing the tab-content div to have a width of 100% and being displayed underneath the list of tabs. Not sure what the best solution to this is, any recommendations would be appreciated

    Type: Enhancement Status: Stale Priority: Low Status: On Hold 
    opened by pimlie 50
  • [link]+ More granular link mixin

    [link]+ More granular link mixin

    Per the conversation on issue #516 and it's PR #517, this proposes a more granular link mixin. This allows components that consume part of the internal link component API to automatically stay up to date with proxying all the link props down to the b-Link component itself.

    Type: Enhancement 
    opened by alexsasharegan 48
  • feat(table): Selectable rows (fixes #1790)

    feat(table): Selectable rows (fixes #1790)

    Description of Pull Request:

    Allow user to select rows. As this only works for visible rows, this feature doesn't rely on item keys.

    see #1790

    PR checklist:

    What kind of change does this PR introduce? (check at least one)

    • [ ] Bugfix
    • [x] Feature
    • [ ] Enhancement to an existing feature
    • [x] ARIA accessibility
    • [x] Documentation update
    • [ ] Other, please describe:

    Does this PR introduce a breaking change? (check one)

    • [ ] Yes
    • [x] No

    If yes, please describe the impact:

    The PR fulfills these requirements:

    • [x] It's submitted to the dev branch, not the master branch
    • [x] When resolving a specific issue, it's referenced in the PR's title (i.e. fixes #xxxx[,#xxxx], where "xxxx" is the issue number)
    • [x] The PR should address only one issue or feature. If adding multiple features or fixing a bug and adding a new feature, break them into separate PRs if at all possible.
    • [x] PR titles should following the Conventional Commits naming convention (i.e. "fix(alert): not alerting during SSR render", "docs(badge): Updated pill examples, fix typos", "chore: fix typo in docs", etc). This is very important, as the CHANGELOG is generated from these messages.

    If new features/enhancement/fixes are added or changed:

    • [x] Includes documentation updates (including updating the component's package.json for slot and event changes)
    • [ ] New/updated tests are included and passing (if required)
    • [x] Existing test suites are passing
    • [x] The changes have not impacted the functionality of other components or directives
    • [x] ARIA Accessibility has been taken into consideration (does it affect screen reader users or keyboard only users? clickable items should be in the tab index, etc)

    If adding a new feature, or changing the functionality of an existing feature, the PR's description above includes:

    • [ ] A convincing reason for adding this feature (to avoid wasting your time, it's best to open a suggestion issue first and wait for approval before working on it)
    Type: Feature 
    opened by lianee 45
  • Babel Errors in nuxt generate 2.14

    Babel Errors in nuxt generate 2.14

    Describe the bug

    I updated my nuxt project to the latest release which is 2.14. I then use nuxt generate to build the project. While nuxt is building the project, it gives this error

    [BABEL] Note: The code generator has deoptimised the styling of \node_modules\bootstrap-vue\src\icons\icons.js as it exceeds the max of 500KB.

    Steps to reproduce the bug

    1. Update the project to 2.14
    2. Use nuxt generate to build project
    3. It will display the error when compiling on the Client

    Expected behavior

    Should not have any errors

    Versions

    Libraries:

    • BootstrapVue: 2.16.0
    • Bootstrap: 4.5.0
    • Nuxt: 2.14.0
    Type: Question Status: Answered 
    opened by minyou9 42
  • Default b_UIDs for components

    Default b_UIDs for components

    Should all components have a default b_UID on the parent container (if no ID provided)?

    And if so, should IDs be "dynamic/reactive" or static once set?

    Something like this?

      data() {
        return {
          thisId: this.id || ('b_' + this._uid )
        };
      },
      props: {
        id: { 
          type: String,
          default: null
        }
      }
    

    And if IDs are required for other elements within the component they can be based on thisId:

    <template>
      <div :id="thisId">
         <span :id="thisId + '_myspan'">Some element</span>
         <div :id="thisId + '_mydiiv'">Some other element</div>
         <div>This one doesn't need ID</div>
      </div>
    </template>
    
    Type: Enhancement Type: Question 
    opened by tmorehouse 37
  • BS4/Bootstrap-Vue Accessibility recommendations

    BS4/Bootstrap-Vue Accessibility recommendations

    Bootstrap V4 is addressing some of the accessibility issues: https://github.com/twbs/bootstrap/issues/22549, Of which bootstrap-vue has started to already address.

    Here is little list of items that are complete or need work for aria and/or keyboard navigation (to be updated as we progress through them):

    Components - ARIA / Keyboard Navigation

    • [x] b-form-radio input wrapped in label (which negates need for for on label)
    • [x] b-form-checkbox input wrapped in label (which negates need for for on label)
    • [x] b-progress ARIA progress attributes
    • [x] b-modal attributes aria-labelledby and aria-describedby. Section roles & semantic elements. (PR #247)
    • [x] b-modal Focus first input/button on open (PR #247). Allow page author to specify input to be focused when opened via @shown event (PR #378)
    • [x] b-modal focus the modal content when opened
    • [x] b-tabs & b-tab attributes aria-controls and aria-labelelledby. Section roles (PR #339)
    • [x] b-tabs & b-tab keyboard navigation (PR #339)
    • [x] b-alert has aria role="alert", aria-live and aria-atomic (PR #340)
    • [x] b-form-file Needs focus styling in custom-file-input mode for keyboard users (PR #1033)
    • [x] b-form-fieldset attribute for when ID supplied on ,form-control. Has role="alert", aria-live, aria-atomic on feedback. and aria-describedby (PR #340)
    • [x] b-breadcrumb ~should have role of navigation (PR #340)~ Add aria-current to active crumb (PR #526)
    • [x] b-input-group needs role="group" (PR #340)
    • [x] b-button-group role="group", make new toolbar component (PR #367)
    • [x] b-button-toolbar role="toolbar" + optional keyboard navigation (PR #367)
    • [x] b-nav & b-nav-link aria attributes (PR #358)
    • [x] b-dropdown keyboard navigation (PR #274)
    • [x] b-nav-dropdown aria- attributes (PR #358)
    • [x] b-nav-dropdown open on ENTER or SPACE (see Issue #348) (PR #349)
    • [x] b-nav-toggle aria- attributes (PR #358, #410, #411, #412)
    • [x] ~~b-nav & b-nav-link keyboard navigation~~ (leave as standard TAB key navigation)
    • [x] b-collapse Reflect expanded/collapsed state on trigger element (PR #358 & #519)
    • [x] b-pagination aria-[label|current|setsize|posinset] attributes. (Note: aria-controls should be set manually in the <b-pagination>markup) (PR #364)
    • [x] b-pagination keyboard navigation (PR #364 & #377)
    • [x] b-carousel aria-[controls|label|current|setsize|posinset] attributes and roles. (PR #380)
    • [x] b-carousel keyboard left/right control (PR #380, #420)
    • [x] b-carousel Pause slide scrolling on mouseenter and resume on mouseout.
    • [x] b-tooltip aria- attributes (aria-live, aria-describedby, etc
    • [x] b-popover aria- attributes (aria-live, aria-describedby, etc. Also needs ability to change role from tooltip to popover or dialog
      • Popovers can have some issues with regards to accessibility, especially for interactive popover content, and possibly should have a role other than tooltip (configurable). https://github.com/twbs/bootstrap/issues/18618

    Directives

    • [x] v-b-modal return focus to open trigger element.
    • [x] v-b-toggle attributes aria-controls and aria-expanded. (PR #519)

    Documentation

    • [x] Create ARIA best practices for Bootstrap-Vue - sections added to each compoent
    • [x] Add documentation where needed
    Type: Enhancement Status: On Roadmap Type: Accessibility 
    opened by tmorehouse 35
  • feat(dropdowns): Various optimizations for dropdown components

    feat(dropdowns): Various optimizations for dropdown components

    • Deprecate slot text in favour of slot button-content(addresses issue #617)
    • Migrated data(), common props, methods & clickout into dropdown mixin
    • Removed prop link as setting variant="link" does the same thing
    • Removed undocumented <b-button-group-dropdown> in favour of using <b-dropdown>
    Type: Enhancement Type: Docs 
    opened by tmorehouse 34
  • fix(dropdown): Menu focusout close handling

    fix(dropdown): Menu focusout close handling

    Description of Pull Request:

    This is a follow-up PR to #2251 and addresses the real issue for .dropdown-menu's focusout handling.

    PR checklist:

    What kind of change does this PR introduce? (check at least one)

    • [x] Bugfix
    • [ ] Feature
    • [ ] Enhancement to an existing feature
    • [ ] ARIA accessibility
    • [ ] Documentation update
    • [ ] Other, please describe:

    Does this PR introduce a breaking change? (check one)

    • [ ] Yes
    • [x] No

    If yes, please describe the impact:

    The PR fulfills these requirements:

    • [x] It's submitted to the dev branch, not the master branch
    • [ ] When resolving a specific issue, it's referenced in the PR's title (i.e. fixes #xxxx[,#xxxx], where "xxxx" is the issue number)
    • [x] The PR should address only one issue or feature. If adding multiple features or fixing a bug and adding a new feature, break them into separate PRs if at all possible.
    • [x] PR titles should following the Conventional Commits naming convention (i.e. "fix(alert): not alerting during SSR render", "docs(badge): Updated pill examples, fix typos", "chore: fix typo in docs", etc). This is very important, as the CHANGELOG is generated from these messages.

    If new features/enhancement/fixes are added or changed:

    • [ ] Includes documentation updates (including updating the component's package.json for slot and event changes)
    • [ ] New/updated tests are included and passing (if required)
    • [x] Existing test suites are passing
    • [x] The changes have not impacted the functionality of other components or directives
    • [ ] ARIA Accessibility has been taken into consideration (does it affect screen reader users or keyboard only users? clickable items should be in the tab index, etc)

    If adding a new feature, or changing the functionality of an existing feature, the PR's description above includes:

    • [x] A convincing reason for adding this feature (to avoid wasting your time, it's best to open a suggestion issue first and wait for approval before working on it)
    Type: Fix 
    opened by jacobmllr95 33
  • Cannot focus input type=

    Cannot focus input type="password" inside modals on Firefox

    With Firefox 60.0.2, I cannot focus password inputs inside modals.

    Observed behavior: When I click on the password entry, no cursor appears. Expected behavior: When I click on the password entry, a cursor appears and I can start typing.

    See the following code or click here for a fiddle:

    <div id="app">
      <b-btn v-b-modal.modal-center>open modal</b-btn>
    
      <b-modal id="modal-center" title="password test">
        <b-form-input type="text"></b-form-input>     <!-- has a cursor -->
        <b-form-input type="password"></b-form-input> <!-- cannot gain focus -->
      </b-modal>
    </div>
    
    • Operating system: Ubuntu 18.04 (Bionic Beaver) (64bit)
    • Browser and version: Firefox 60.0.2 (it works with Chrome!)
    • Version of Bootstrap-Vue: 2.0.0-rc.11
    • Reduced test case: JsFiddle
    Type: Bug Status: Workaround Available Status: Browser Bug 
    opened by TimoStolz 33
  • b-table sorting still happens even if sortable is false

    b-table sorting still happens even if sortable is false

    Describe the bug

    When using a b-table component, fields can be set sortable by setting sortable to true in fields definition. This leads to whenever one value in the column changes, re-sorting is happening automatically. If sorting is set to false programmatically, the sortable icon disappears from the rendered table. However, although sorting is disabled and a value is changed, re-sorting is still happening automatically. In our use-case, this is not desired behaviour.

    Steps to reproduce the bug

    1. Create vue project
    2. Insert a b-table component with :fields="fields" definition
    3. Define one field with sortable: true
    4. Create a button to disable the sorting (set sortable: false)
    5. Create another button to modify one value of the items
    6. See re-sorting is applied even if sortable is false

    Expected behavior

    No re-sorting shall be executed, if sortable was set to false.

    Versions

    Libraries:

    • BootstrapVue: 2.22.0
    • Bootstrap: 4.6.1
    • Vue: 2.6.12

    Environment:

    • Device: Windows 10 PC
    • OS: Windows 10
    • Browser: Chrome
    • Version: 105

    Demo link

    See JSFiddle https://jsfiddle.net/avc7ek3d/

    opened by adam-koller 0
  • Disabling various dates in b-calendar.

    Disabling various dates in b-calendar.

    Hello, im just trying to disable various dates, my dates comes from the server like this: image and my disable function look like this

     dateDisabled(ymd, date) {
          const calendarDate =
            date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
    
           for (let index = 0; index < this.serviceDates.length; index++) {
            const element = this.serviceDates[index];
            if (element === calendarDate) {
              return false;
            }
            return true;
          }
    }
    

    But, for some reason, the loop end in the first cycle, and my calendar look like this: image Disabling only the first date of my array.

    How can i achieve disable all dates? what i'm doing wrong here?

    opened by dcruz1990 0
  • chore(deps): bump codecov/codecov-action from 3.0.0 to 3.1.1

    chore(deps): bump codecov/codecov-action from 3.0.0 to 3.1.1

    Bumps codecov/codecov-action from 3.0.0 to 3.1.1.

    Release notes

    Sourced from codecov/codecov-action's releases.

    3.1.1

    What's Changed

    New Contributors

    Full Changelog: https://github.com/codecov/codecov-action/compare/v3.1.0...v3.1.1

    v3.1.0

    3.1.0

    Features

    ... (truncated)

    Changelog

    Sourced from codecov/codecov-action's changelog.

    3.1.1

    Fixes

    • #661 Update deprecation warning
    • #593 Create codeql-analysis.yml
    • #712 README: fix typo
    • #725 fix: Remove a blank row
    • #726 Update README.md with correct badge version
    • #633 Create scorecards-analysis.yml
    • #747 fix: add more verbosity to validation
    • #750 Regenerate scorecards-analysis.yml
    • #774 Switch to v3
    • #783 Fix network entry in table
    • #791 Trim arguments after splitting them
    • #769 Plumb failCi into verification function.

    Dependencies

    • #713 build(deps-dev): bump typescript from 4.6.3 to 4.6.4
    • #714 build(deps): bump node-fetch from 3.2.3 to 3.2.4
    • #724 build(deps): bump github/codeql-action from 1 to 2
    • #717 build(deps-dev): bump @​types/jest from 27.4.1 to 27.5.0
    • #729 build(deps-dev): bump @​types/node from 17.0.25 to 17.0.33
    • #734 build(deps-dev): downgrade @​types/node to 16.11.35
    • #723 build(deps): bump actions/checkout from 2 to 3
    • #733 build(deps): bump @​actions/github from 5.0.1 to 5.0.3
    • #732 build(deps): bump @​actions/core from 1.6.0 to 1.8.2
    • #737 build(deps-dev): bump @​types/node from 16.11.35 to 16.11.36
    • #749 build(deps): bump ossf/scorecard-action from 1.0.1 to 1.1.0
    • #755 build(deps-dev): bump typescript from 4.6.4 to 4.7.3
    • #759 build(deps-dev): bump @​types/node from 16.11.36 to 16.11.39
    • #762 build(deps-dev): bump @​types/node from 16.11.39 to 16.11.40
    • #746 build(deps-dev): bump @​vercel/ncc from 0.33.4 to 0.34.0
    • #757 build(deps): bump ossf/scorecard-action from 1.1.0 to 1.1.1
    • #760 build(deps): bump openpgp from 5.2.1 to 5.3.0
    • #748 build(deps): bump actions/upload-artifact from 2.3.1 to 3.1.0
    • #766 build(deps-dev): bump typescript from 4.7.3 to 4.7.4
    • #799 build(deps): bump openpgp from 5.3.0 to 5.4.0
    • #798 build(deps): bump @​actions/core from 1.8.2 to 1.9.1

    3.1.0

    Features

    • #699 Incorporate xcode arguments for the Codecov uploader

    Dependencies

    • #694 build(deps-dev): bump @​vercel/ncc from 0.33.3 to 0.33.4
    • #696 build(deps-dev): bump @​types/node from 17.0.23 to 17.0.25
    • #698 build(deps-dev): bump jest-junit from 13.0.0 to 13.2.0
    Commits
    • d9f34f8 release: update changelog and version to 3.1.1 (#828)
    • 0e9e7b4 Plumb failCi into verification function. (#769)
    • 7f20bd4 build(deps): bump @​actions/core from 1.8.2 to 1.9.1 (#798)
    • 13bc253 build(deps): bump openpgp from 5.3.0 to 5.4.0 (#799)
    • 5c0da1b Trim arguments after splitting them (#791)
    • 68d5f6d Fix network entry in table (#783)
    • 2a829b9 Switch to v3 (#774)
    • 8e09eaf build(deps-dev): bump typescript from 4.7.3 to 4.7.4 (#766)
    • 39e2229 build(deps): bump actions/upload-artifact from 2.3.1 to 3.1.0 (#748)
    • b2b7703 build(deps): bump openpgp from 5.2.1 to 5.3.0 (#760)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Type: Dependencies Type: CI 
    opened by dependabot[bot] 3
  • Memory leak in b-table

    Memory leak in b-table

    Describe the bug

    Within a tabbed page with a large b-table on each tab (~1500 rows), switching back and forth between the tabs too quickly will cause JVM memory usage to continue climbing until the browser tab and/or window crashes.

    Steps to reproduce the bug

    1. Create a single page application within Vue.
    2. In the new application, create two components. Each component should be displayed within the SPA when clicking on their tab/link, and hidden when clicking on another component's tab. This should resemble a basic tab layout, such as a tab layout within a browser.
    3. Each component should have only a b-table within them. The items array can be hardcoded within the component, retrieved from a Vuex store, etc. The storage location of the items doesn't seem to make a difference.
    4. While monitoring the JVM memory, start to switch back and forth between the two components. JVM heap size will begin to climb, with no garbage collection occurring.

    Expected behavior

    The b-table should only load the items into memory once. The b-table should reuse the values already within memory, rather than seemingly copying it to a new array.

    Versions

    Libraries:

    • BootstrapVue: 2.21.2
    • Vue: 2.6.14
    • Vuex: 3.6.2

    Environment:

    • Device: Multiple Dell laptops
    • OS: Windows 10
    • Browser: Chrome
    • Version: 105.0.5195.125

    Additional context

    This seems similar to Issue 5784. We are loading a couple large tables all at once for our users to scroll through, and while clicking back and forth between two tabs without reloading the page, we've managed to leak enough memory that Chrome would crash. Memory profiling shows a large array being duplicated and held in memory, which is never garbage collected until reloading the current page and cache.

    Worth noting that wrapping the b-table in a tag seems to make garbage collection work as expected after some time, but doesn't stop memory usage from climbing. This also seems to prevent hitting enough memory usage that the browser will crash. My best guess is that there is some kind of race condition going on when loading and reloading the same table with a large data set, causing the in-memory values to get orphaned.

    From troubleshooting, I can confirm that there was no orphaned DOM objects, nor was the table trying to fetch the item array again (when used with a Vuex store). Memory leaks still seemed to happen with smaller tables, but getting into pages that had longer loading times were more likely to develop a leak with the b-table. Removing the b-table from the components or removing the item array from the b-table removes the memory leak completely, which means it is related to management of the items.

    opened by 585dSyI3Mpfs 1
  • b-form-timepicker increment/decrement buttons are backwards

    b-form-timepicker increment/decrement buttons are backwards

    Describe the bug

    Currently "Up" is increment and "Down" is decrement time. If this was a just a number picker it would be great. The problem is this is time. For time "Roll back" is "up" while "forward" is "roll down". This is a common understanding in some societies. In other cultures it may be very different.

    Expected behavior

    Up should be decrement, and Down should be increment. But because different cultures have different norms, having a property to drive this that can be set on locale would be greatly appreciated.

    opened by wparad 0
  • Invalid Link to Vue Library in Getting Started Guide

    Invalid Link to Vue Library in Getting Started Guide

    Documentation issue

    • [ ] Reporting a typo
    • [x] Reporting a documentation bug
    • [ ] Documentation improvement
    • [ ] Documentation feedback

    Is there a specific documentation page you are reporting?

    https://bootstrap-vue.org/docs#browser

    Additional context or description

    Hi,

    You are refering in your getting started guide to

    <script src="https://unpkg.com/[email protected]/dist/vue.min.js"></script>

    When using this link, a 404 is returned: "Cannot find "/dist/vue.min.js" in [email protected]"

    opened by nils-christian 0
Releases(v2.22.0)
  • v2.22.0(Apr 17, 2022)

    🚀 Features

    • b-link
      • #6811 Support exact-path and exact-path-active-class props for router link
    • b-form-tags
      • #6395 Adds focusin & focusout to wrapper and prevents firing multiple focus/blur events
      • #6347 Add feedback-aria-live prop
    • general
      • #6375 Add headerTag and footerTag props to all componets with header and footer
    • b-dropdown
      • #6339 Add toggle-attrs prop

    🐛 Bug Fixes

    • general
      • #6834 Replace sass division with multiplication
    • b-table
      • #6645 Selected table header text no longer prevents table row selection
      • #6606 Fix range selection of b-table
      • #6603 Set aria-sort when using sortKey and no-local-sorting
      • #6383 Default role to grid when selectable and table otherwise
      • #6382 Prefer user-provided role attribute
      • #6372 Add missing role="grid" when selectable
      • #6371 Header cell overflow for .sr-only sort label
      • #6355 Add missing sortKey field type and correct a typo
    • b-skeleton
      • #6858 Accepts custom attributes
    • nav-item-dropdown
      • 97bb97b0 Update dropdown to set correct aria-controls
    • b-dropdown
      • #6865 Set correct aria-haspopup attribute for the toggle button
      • #6367 Decrease delay when hiding inside a navbar on no-touch devices
    • utils/dom
      • #6508, #6511 Bind requestAF to window
    • docs
      • #6545 Use https:// urls in docs
    • b-form-group
      • #6346 Remove role="alert" from valid/invalid feedback
    • b-input-tags
      • #6389 Respect custom $input-color
    • b-link
      • #6374 Remove default values from vue-router pass-down props
    • b-img-lazy
      • #6349 Fix blank placeholder for Firefox
      • #6302 Fix blank-src not working
    • b-form-input/b-form-textarea
      • #6345 Legacy browser support

    🏡 Chore

    • tests
      • 8ce291b5 Refactor tests not to use $children
      • b16514b9 Remove useless localVue usage
      • ac8ebfea Replace find with findComponents
      • d113cc7e Remove createContainer helper
    • b-form-tags
      • #6752 Correct typo b-from-tags to b-form-tags
    • icons
      • #6611 Update Bootstrap Icons to v1.5.0
    • docs
      • #6466 Add new "Vuexy - Admin Dashboard" theme
      • #6368 Make sure the clicked anchor target is reflected in URL
    • ci
      • #6592 Update workflows to new Node.js versions
    • refactor
      • #6381 Move away from lifecycle hook listeners
      • #6356 Unify event variable names

    💖 Thanks to

    • Andrei Gheorghiu
    • Connor Forbes
    • Illya Klymov
    • JD
    • James Pickard
    • Jingsong Gao
    • John Franey
    • Jonathan Guberman
    • Joshua Wu
    • Konstantin
    • Lei Wang
    • Olena Horal
    • Pete Hegman
    • Rare Kang
    • Samuel Denis-D'Ortun
    • William
    • William Teixeira
    • magical-l
    • ochowei
    • xenolithviktor
    Source code(tar.gz)
    Source code(zip)
  • v2.21.2(Jan 1, 2021)

    🐛 Bug Fixes

    • b-dropdown
      • #6274 Only apply heading role to header when not a header tag
    • b-table
      • #6266 Allow responsive and stacked props together
      • #6251 Only set aria-describedby when caption really exists
    • general
      • #6265 Clean up props inheritance
      • #6226 Environment detection based on userAgent
    • b-form-datepicker/b-form-timepicker
      • #6249 Control size
    • b-sidebar
      • #6234 Make sure to not exceed 100% in height
    • b-icon
      • #6233 Title render handling

    🏡 Chore

    • docs
      • #6263 Correct typos and improve wording in theming section
      • #6244 Fix typos in <b-form-select> and <b-form-textarea> docs
      • d94edfee Fix typo on "Getting started" page
      • #6232 Remove label-for from <b-form-group>'s with <b-form-file> component
      • #6231 Fix typos in the Dropdown README
      • #6222 Improve Bootstrap/BootstrapVue style import guide in "Getting started" docs
    • icons
      • #6252 Update Bootstrap Icons to v1.2.2
    • general
      • #6227 Add Nuxt.js CodeSanbox CI template

    💖 Thanks to

    • Rich Klein
    • a-kriya
    • cvn
    • darrelfrancis
    Source code(tar.gz)
    Source code(zip)
  • v2.21.1(Dec 16, 2020)

    🐛 Bug Fixes

    • b-tabs
      • #6208 Restore correct active tab detection logic
    • b-badge
      • #6217 Attribute inheritance
    • b-pagination
      • #6200 Don't set initial page count twice
    • b-dropdown
      • #6198 Root events

    🏡 Chore

    • docs
      • #6206 Fix <b-form-timepicker> "Button only mode" example markup
    Source code(tar.gz)
    Source code(zip)
  • v2.21.0(Dec 14, 2020)

    🚀 Features

    • b-form-group
      • #6178 Add content-cols props and scoped default slot
    • b-sidebar
      • #6179 Add header slot
    • b-form-tags
      • #6163 Add no-tags-remove prop
    • refactor
      • #6141 Code enhancements for easier Vue 3 migration

    🐛 Bug Fixes

    • b-form-datepicker/b-form-timepicker
      • #6186 Label styles when in button-only mode
    • b-tabs
      • #6154 Cleanup rendering logic
    • b-form-datepicker
      • #6159 valueAsDate prop handling
    • table
      • #6153 Default sort compare logic for date strings
      • c375ce90 Use original value for fallback when number parsing fails in defaultSortCompare

    🏡 Chore

    • icons
      • #6194 Update Bootstrap Icons to v1.2.1
      • #6180 Update Bootstrap Icons to v1.2.0
    • refactor
      • b0f5f633 Prefer multiple constants over constants object
    • docs
      • #6148 Update highlight.js to v10

    💖 Thanks to

    • magical-l
    Source code(tar.gz)
    Source code(zip)
  • v2.20.1(Dec 1, 2020)

    🐛 Bug Fixes

    • general
      • #6113 User supplied prop function detection
    • table
      • c375ce90 Use original value for fallback when number parsing fails in defaultSortCompare
    Source code(tar.gz)
    Source code(zip)
  • v2.20.0(Nov 30, 2020)

    🚀 Features

    • b-form-tags
      • #6104 Add reset method

    🐛 Bug Fixes

    • b-table
      • #6105 Sort handling for numeric string values
      • #6102 Only set tabindex="0" for sortable TH's
    • b-form-tags
      • #6103 Required handling
    • b-form-spinbutton
      • #6101 Button markup
    • general
      • #6070 User supplied prop function detection
    • b-form-input
      • #6084 Modified value handling

    🏡 Chore

    • refactor
      • #6100 Improved code sharing between form components
    • docs
      • #6043 Update "Can I use" links
      • #6040 Fix gull & dexam preview image link
      • 25080ca5 Correct comment to Nuxt.js module icons option

    💖 Thanks to

    • naime-hossain
    Source code(tar.gz)
    Source code(zip)
  • v2.19.0(Nov 8, 2020)

    🚀 Features

    • config
      • #5981 Improved defaults handling
    • b-media
      • #5965 Improve aside right handling
    • icons
      • #5977 update Bootstrap Icons to v1.1.0

    🐛 Bug Fixes

    • b-dropdown
      • #6009 Click handling on close
    • b-form-group
      • #6006 Accessibility when label-for prop not set
    • b-form-checkbox/b-form-radio
      • #6008 change event timing
    • b-avatar
      • #5975 Badge z-index handling
      • #5963 Prevent avatar from being squished

    🏡 Chore

    • docs
      • #6019 Add another pageOptions setting example
      • #6014 Improve component name formatting
      • #5995 Add gull & dexam themes
    • general
      • #6015 Unify interval/timeout handling
      • #6002 Add SECURITY.md
      • #5990 Migrate from node-sass to sass (Dart Sass)
    • ci
      • #6004 Move to Dependabot for all dependency updates
      • #6003 Add CodeQL action
      • #6001 Update Node.js versions

    💖 Thanks to

    • 82amp
    • JD
    • Joris Lacance
    • Tal Koren
    • naime-hossain
    Source code(tar.gz)
    Source code(zip)
  • v2.18.1(Oct 21, 2020)

    🐛 Bug Fixes

    • b-icon
      • #5939 Local component lookup
    • b-link
      • #5934 href handling with live router
    • b-form-group
      • #5933 Content element ID handling

    🏡 Chore

    • docs
      • #5935 Add example on how to alias Vue with Vue CLI
    Source code(tar.gz)
    Source code(zip)
  • v2.18.0(Oct 19, 2020)

    🚀 Features

    • b-calendar
      • #5883 Add no-key-nav property
    • general
      • #5894 Update core-js to v3

    🐛 Bug Fixes

    • b-calendar
      • #5911 Month formatting for certain dates
    • v-tooltip, v-popover
      • #5882 Render data-* attributes on root components
    • b-link
      • #5876 href handling inconsistencies to <router-link>
    • b-card
      • #5872 Properly support header/footer with body image overlay
    • b-skeleton
      • #5863 Animation overflow issue for Safari
    • b-carousel
      • #5845 Fix glitching when switching slides fast

    🏡 Chore

    • docs
      • #5923 Correct Bootstrap SCSS imports
      • #5895 Use new slot syntax everywhere
      • #5892 Fix datepicker locale typo
      • #5862 Simplify <b-form-group> validation message example
      • #5864 Add example for <b-toast> with custom close button
      • #5801 Fix typo in b-form-rating docs
    • general
      • #5904 Move global Vue.js entry to source root
      • #5899 Update dependencies
      • e48ed8ba Ignore package-lock.json

    💖 Thanks to

    • Marco Túlio Gaulberto da Silva
    • Sauli Anto
    • Салоев Сади
    Source code(tar.gz)
    Source code(zip)
  • v2.17.3(Sep 18, 2020)

  • v2.17.2(Sep 18, 2020)

    🐛 Bug Fixes

    • b-skeleton
      • #5806 Add missing component exports
    • b-nav-item-dropdown
      • #5794 boundary handling in <b-navbar>
    • b-tooltip, b-popover
      • #5793 Fix title not being reset on hide

    🏡 Chore

    • general
      • d0744b56 Move standard-version configuration to .versionrc and skip commit and tag creation
      • cc86bf95 Update keywords
      • #5786 Bump version to v2.17.1
      • #5772 Code refactoring to separate constants from utils and better code sharing
      • #5782 Lock postcss and autoprefixer for now
    • docs
      • #5801 Fix typo in b-form-rating docs
      • #5807 Correct placement description

    💖 Thanks to

    • JonathanGuberman
    Source code(tar.gz)
    Source code(zip)
  • v2.17.1(Sep 16, 2020)

    🐛 Bug Fixes

    • b-table
      • #5780 Properly handle empty included/excluded filter fields
    • b-modal
      • #5771 Solve body padding not being removed

    🏡 Chore

    • general
      • #5772 Code refactoring to separate constants from utils and better code sharing
      • #5782 Lock postcss and autoprefixer for now
      • afb8775d Fix duplicate release in changelog
      • e8010e17 Fix latest changelog headings
    Source code(tar.gz)
    Source code(zip)
  • v2.17.0(Sep 13, 2020)

    🚀 Features

    • b-avatar
      • #5768 Add size classes for sm and lg sizes
    • docs
      • #5761 Auto-detect settings props in component reference
      • #5549 Launch themes page with first BootstrapVue theme
    • b-form-file
      • #5727 Improved drag and drop handling
    • b-pagination/b-pagination-nav
      • #5755 Allow page change to be prevented
    • b-tags
      • #5543 Add limit prop
    • b-table
      • #5746 Add sortKey option for no-local-sorting events
    • b-sidebar
      • #5734 Add noEnforceFocus prop
    • b-icon
      • #5724 Add proper title support
    • b-calendar
      • #5705 Add nav-button-variant prop
    • b-skeleton
      • #5575 Add skeleton components
    • b-form-tags
      • #5429 Add ignoreInputFocusSelector prop to make input focus behavior configurable
    • icons
      • #5708 update Bootstrap Icons to v1.0.0

    🐛 Bug Fixes

    • b-form-textarea
      • bf7a65f8 setStyle util usage
    • v-b-toggle
      • #5769 Prevent scroll anchoring behavior
      • #5690 Handle component updates on click listeners
    • b-form-datepicker/b-form-timepicker/b-nav-item-dropdown
      • #5765 Dropdown positioning handling
    • b-form-checkbox/b-form-radio
      • #5764 Remove autocomplete="off" attribute
    • general
      • #5763 Don't display warning messages when in production
      • bf8966f6 Don't display BootstrapVue warning messages when in production
      • #5749 Component destroy handling on parent destroy
      • #5564 Properly handle special characters in user-provided IDs
    • perf
      • #5753 Reactivity issues with bvAttrs and bvListeners
    • b-form-tags
      • #5752 Ensure same height with or without tags
      • #5586 Unit test
    • ssr
      • #5723 Avoid tree missmatches by either using domProps or children
    • b-button-toolbar
      • #5737 Allow focus to leave toolbar by keyboard
    • b-form-checkbox
      • #5716 change event value when in multiple mode
    • b-form-file
      • #5685 Drop handling for huge amounts of files
    • bv-tooltip
      • #5677 Hide the tooltip when the title is set to empty
    • b-pagination
      • #5678 Properly calculate number of links with hide-ellipsis option
    • b-avatar
      • #5675 Image fit and scale
    • b-table
      • #5674 Make sure to apply all formatters of field configuration
      • #5554 Prevent endless reevaluation when using v-model and object/array literal prop values
    • b-form-input
      • #5632 Fix debounce when value does not change
    • b-tags
      • #5544 Replace spacing utility with static CSS
    • b-icon
      • #5581 Use aria-label attribute instead of alt
    • b-img
      • #5545 Allow empty alt prop
    • b-form-checkbox-group
      • #5432 Only emit input when value loosely changes

    🏡 Chore

    • docs
      • #5762 Clarify note on non-text-like input formatter functions
      • #5760 Fix typo
      • #5717 change misspelling in <b-tooltip> documentation
      • #5646 Fix typo in layout docs
      • #5636 Fix typo in card docs
      • 84d53d94 Fix Bootstrap browser and devices link
      • #5579 Improve icons page
      • #5537 Add an example to <b-input-group>'s using icons
      • #5494, #5510 Fix typo in sidebar README
    • general
      • #5743 Regenrate lockfile
      • a50f1f9b Improve comments about Vue.js related transition-group bugs
      • #5651 Update dependencies
      • #5620 Update yarn.lock
      • #5613 Release v2.16.0
      • #5614 Bump version to 2.16.0 and update changelog
      • #5612 Add script to generate release notes
      • 81713666 Update contributors
      • 97d66a9f Prettify
      • db7a9637 Add back packagequality badge to README
      • #5596 Replace packagequality badge with codacy in README
      • #5585 Regenerate yarn.lock
      • #5526 Update auto format config
      • #5474 Convert all line endings to unix
      • #5447 Change Bootstrap v4.3.x to 4.5.x in README
    • ci
      • 8ac8635e Fix BundleWatch token name
      • #5580 Update actions/cache to v2
    • b-avatar
      • #5469 Convert line endings to Unix

    💖 Thanks to

    • Dean Pienaar
    • Dieter Geerts
    • Ivan Gonzalez
    • James George
    • Klemen Košir
    • Marek Pagel
    • Nazare Emanuel-Ioan
    • Paweł Tatarczuk
    • Samuel Bouaroua
    • Sergey Skrynnikov
    • TitanFighter
    • Vitaly Slobodin
    Source code(tar.gz)
    Source code(zip)
  • v2.16.0(Jul 28, 2020)

    🚀 Features

    • docs
      • #5549 Launch themes page with first BootstrapVue theme
    • b-form-tags
      • #5429 Add ignoreInputFocusSelector prop to make input focus behavior configurable
    • icons
      • #5533 update Bootstrap Icons to v1.0.0-alpha5

    🐛 Bug Fixes

    • general
      • #5564 Properly handle special characters in user-provided IDs
    • b-form-tags
      • #5586 Unit test
    • b-tags
      • #5544 Replace spacing utility with static CSS
    • b-icon
      • #5581 Use aria-label attribute instead of alt
    • b-img
      • #5545 Allow empty alt prop
    • b-table
      • #5554 Prevent endless reevaluation when using v-model and object/array literal prop values
    • b-form-checkbox-group
      • #5432 Only emit input when value loosely changes

    🏡 Chore

    • general
      • #5612 Add script to generate release notes
      • 81713666 Update contributors
      • 97d66a9f Prettify
      • db7a9637 Add back packagequality badge to README
      • #5596 Replace packagequality badge with codacy in README
      • #5585 Regenerate yarn.lock
      • #5526 Update auto format config
      • #5474 Convert all line endings to unix
      • #5447 Change Bootstrap v4.3.x to 4.5.x in README
    • ci
      • 8ac8635e Fix BundleWatch token name
      • #5580 Update actions/cache to v2
    • docs
      • 84d53d94 Fix Bootstrap browser and devices link
      • #5579 Improve icons page
      • #5537 Add an example to <b-input-group>'s using icons
      • #5494, #5510 Fix typo in sidebar README
    • b-avatar
      • #5469 Convert line endings to Unix

    💖 Thanks to

    • Dieter Geerts
    • Ivan Gonzalez
    • James George
    • Nazare Emanuel-Ioan
    • Paweł Tatarczuk
    • Sergey Skrynnikov
    • TitanFighter
    • Vitaly Slobodin
    Source code(tar.gz)
    Source code(zip)
  • v2.15.0(May 22, 2020)

    Features

    • css: update Bootstrap to v4.5.0 (#5395) (ba7a55e)
    • icons: upgrade to Bootstrap Icons 1.0.0-alpha4 (#5420) (3208309)
    • b-sidebar: add prop backdrop-variant (#5411) (4b0c163)
    • b-link: add support 3rd party router links such as Gridsome's <g-link> (closes #2627) (#5358) (6d29e1c)
    • b-navbar-toggle: add disabled prop (#5397) (0b7082b)
    • v-b-toggle: check for target ID via href if a link (#5398) (33e39b0)
    • types: create declarations for <b-calendar> and <b-time> context event objects (closes #5366) (#5374) (8f3ca30)
    • support <nuxt-link>'s prefetch property (closes #5125) (#5355) (b9416cb)

    Bug Fixes

    • v-b-toggle: don't check for evt.defaultPrevened (closes #5391) (#5396) (a1543b2)
    • b-link: default new <nuxt-link> prop prefetch to null for true tri-state prop (#5357) (3f41c91)
    • ensure all intervals/timeouts/observers are cleared when component is destroyed (#5362) (064cdf4)
    • properly handle HTML props render order (closes #5363) (#5365) (844ecda)
    • fix docs CodeSandbox integration (#5381) (a948846)
    Source code(tar.gz)
    Source code(zip)
  • v2.14.0(May 12, 2020)

    Features v2.14.0

    • b-avatar-group: new helper component <b-avatar-group> (#5272) (c84faae)
    • b-nav-item-dropdown: improve default handling of dropdown toggle link (closes #3942) (#5344) (62c6105)
    • v-b-toggle: support specifying target ID via directive argument, and array of target IDs via directive value (closes #4834) (#5336) (260ef72)

    Bug Fixes v2.14.0

    • b-modal: remove role="document" from .modal-content (#5345) (0c2b406)
    • perf: avoid useless re-renders of component on parent update (#4825) (2cb3fe0)

    Other v2.14.0

    • dev dependency upgrades
    • docs updates
    • upgrade to vue test utils 1.0.x
    Source code(tar.gz)
    Source code(zip)
  • v2.13.1(May 6, 2020)

  • v2.13.0(Apr 27, 2020)

    Features v2.13.0

    • b-calendar, b-form-datepicker: relax YYYY-MM-DD string parsing (closes #5232) (#5242) (f362802)
    • b-form-rating: add show-value-max prop to show possible max rating when show-value is true (#5200) (e9d54e6)
    • b-overlay: add support for overlay click event (closes #5243) (#5248) (582560f)

    Bug Fixes v2.13.0

    • b-avatar: set align-items: center for default slot content (fixes: #5205) (#5207) (c4981fd)
    • b-calendar, b-form-datepicker: minor adjustments to styling and example updates (#5211) (f0d8ffe)
    • b-form-datepicker, b-form-timepicker: fix menu padding in button only mode (fixes #5251) (#5252) (d57a643)
    • b-form-datepicker, b-form-timepicker: adjust scss to support input-groups (#5231) (7b1adc4)
    • b-form-datepicker, b-form-timepicker: prevent duplicate validation icons (fixes #5237) (#5238) (6354e6e)
    • types: update table field definition types to include sticky column (fixes #5263) (#5265) (20eb3ac)
    • handle nested form options normalization (#5247) (0c57ffe)
    Source code(tar.gz)
    Source code(zip)
  • v2.12.0(Apr 20, 2020)

    Features v2.12.0

    • b-avatar: add support for badges on avatars (#5124) (a2e465b)
    • b-avatar: if variant is empty string, then remove spacing around image (closes #5154) (#5156) (7ff87fc)
    • b-calendar, b-form-datepicker: add prop weekday-header-format to specify weekday header length (closes #5171) (#5175) (8241644)
    • b-calendar, b-form-datepicker: add scoped slots for date navigation buttons (closes #5117) (#5147) (5f69864)
    • b-form-datepicker: add pass through prop date-info-fn (closes #4826) (#5150) (bf35f80)
    • b-form-rating: new b-form-rating custom component (#5132) (30ad7fe)
    • b-sidebar: add optional backdrop support (#5182) (c6375e5)
    • custom components: avoid using padding/margin utility classes where possible (closes #5117) (#5121) (8c6cfe0)
    • icons: new throb and fade animations (#5122) (bc0117c)

    Bug Fixes v2.12.0

    • b-alert: fix memory leak by using the correct method to clear the countdown timeout (#5158) (7a7f33d)
    • b-avatar: fix button type font size inheritance (#5177) (441ebdc)
    • b-calendar: use Intl.NumberFormat for formatting the number in the date buttons (closes #5171) (#5179) (cbf2cd0)
    • b-form-datepicker: make datepicker respect no-highlight-today prop (#5159) (c4ead33)

    Other v2.12.0

    • documentation updates
    • dev dependency updates
    Source code(tar.gz)
    Source code(zip)
  • v2.11.0(Apr 8, 2020)

    Features v2.11.0

    • b-avatar: if image src fails to load, then show icon, text or fallback icon (#5079) (ed6704d)
    • b-calendar, b-form-datepicker: add optional decade navigation buttons (addresses #4976) (#5112) (b1f74a8)

    Bug Fixes v2.11.0

    • b-calendar, b-form-datepicker: handle keyboard navigation when selected date is out of range (fixes #5057) (#5108) (6ed09f4)
    • b-link: don't render target or rel attrs when router-tag other than a or area provided (#5107) (33c6cef)
    • tooltip, popover: handle 'click blur' trigger on iOS webkit browsers (fixes #5099) (#5103) (27da76c)

    Other v2.11.0

    • additional unit testing
    • dev dependencies updates
    • minor documentation updates
    Source code(tar.gz)
    Source code(zip)
  • v2.10.1(Apr 2, 2020)

  • v2.10.0(Apr 1, 2020)

  • v2.9.0(Mar 26, 2020)

    Features v2.9.0

    • b-aspect: new custom component <b-aspect> (#5008) (662c8e0)
    • b-avatar: add alt prop for adding alt attribute to image and icon avatars (closes #4990) (#4991) (d1474f2)
    • b-drodpown-item-button, b-drodpown-item-button: add button-class and link-class prop (#5014) (b39d31c)
    • b-form-datepicker, b-form-timepicker: emit shown and hidden events (#5004) (eb259b9)
    • b-navbar-toggle: make default slot scoped (#4995) (144d45f)

    Docs v2.9.0

    • Ensure that the IconsPlugin is imported when exporting from playground to CodePen, CodeSandbox, and JsFiddle (#5003)

    Other v2.9.0

    • dev dependency updates
    Source code(tar.gz)
    Source code(zip)
  • v2.8.0(Mar 22, 2020)

    Features v2.8.0

    • icons: upgrade to Bootstrap Icons 1.0.0.alpha3 (#4966) (d481365)
      • 200+ new icons
      • skip-* icon names fixed (closes #4733)
      • document-* icons renamed to file-*
      • alert-* icons renamed to exclamation-*
      • columns-gutters icon renamed to columns-gap
      • diamond icon renamed to gem because of new diamond-* shape icons
    • b-avatar: new <b-avatar> component (#4974) (b2325a3)
    • b-form-spinbutton: add slots for increment and decrement button content (closes #4958) (#4963) (5684405)

    Other v2.8.0

    • docs updates
    • dev dependencies updates
    Source code(tar.gz)
    Source code(zip)
  • v2.7.0(Mar 14, 2020)

    Features v2.7.0

    Bug Fixes v2.7.0

    • b-form-file: fix value prop validation when using directory mode (fixes #4912) (#4913) (498a262)
    • b-form-file: make sure to catch all errors when resetting the input (#4936) (682bc46)

    Other v2.7.0

    • deps: update devDependency rollup to 2.0.x
    • minor docs updates
    Source code(tar.gz)
    Source code(zip)
  • v2.6.1(Mar 6, 2020)

  • v2.6.0(Mar 5, 2020)

    Features v2.6.0

    • b-calendar, b-form-datepicker: allow customization of in-component displayed date format (closes #4797) (#4835) (85c7e75)
    • b-form-datepicker: add button-content optionally scoped slot for calendar icon (#4795) (7a00910)
    • b-form-datepicker: add calendar-width prop (closes #4817) (#4822) (91b77bc)
    • b-pagination, b-pagination-nav: improve aria accessibility - changes to inner structure and aria attributes (closes: #4811, #4160) (#4810) (7ee4baa)
    • b-tabs: add ability to provide custom tab button attributes (closes: #4803) (#4806) (c541d3d)
    • b-time, b-form-timepicker: new components b-time and b-form-timepicker (#4783) (417ef8f)

    Bug Fixes v2.6.0

    • b-form-datepicker: menu focus handling for Firefox and Safari on MacOS, and fix v-model update issue (closes #4814, #4827) (#4824) (09fa920)
    • b-form-spinbutton: prevent buttons from re-ordering when parent element is RTL (#4802) (ae2cce9)
    • b-form-spinbutton: prevent double increment/decrement on mobile (fixes #4838) (#4842) (9c2c700)

    Other v2.6.0

    • documentation updates
    • dev dependency updates
    Source code(tar.gz)
    Source code(zip)
  • v2.5.0(Feb 18, 2020)

    Features v2.5.0

    • b-calendar, b-form-datepicker: new components b-calendar and b-form-datepicker (closes #3676, #1428) (#4712) (af0ded0)
    • b-form-spinbutton: new form control component b-form-spinbutton (#4744) (da5e473)
    • v-b-hover: new directive for reacting to hover changes (#4771) (b7adc6d)

    Bug Fixes v2.5.0

    • b-form-tags: improve accessibility for screen reader users (#4775) (2328630)
    • b-modal: additional fixes for show transition behaviour (closes #4761) (#4777) (1113c6f)
    Source code(tar.gz)
    Source code(zip)
  • v2.4.2(Feb 15, 2020)

  • v2.4.1(Feb 13, 2020)

Owner
BootstrapVue
Bootstrap v4 components and grid system for Vue.js.
BootstrapVue
A Project which can be deployed to a local network and provides a way to view and upload files (Video, Audio and Images)

Best-README-Template An awesome README template to jumpstart your projects! Explore the docs » View Demo · Report Bug · Request Feature Table of Conte

Shubham Sharma 1 Dec 16, 2021
A Vue plugin that provides responsive design helpers, based on breakpoints.

A Vue plugin that provides responsive design helpers, based on breakpoints.

Stanislav Lashmanov 11 Sep 6, 2020
Responsive grid system based on Bootstrap for Vue

Vue Grid Responsive Responsive grid system based on Bootstrap for Vue. • • Installation NPM vue 2.0 npm i vue-grid-responsive // OR yarn add vue-grid-

André Lins 27 Sep 11, 2022
This is an invoice app that you can create, read, update and delete invoices, save draft invoices and mark pending invoices as paid, filter invoices by status (draft/pending/paid).

Vue Invoice App This is the solution for Frontend Mentor Invoice App. You can keep track of your personal invoices with this app. You can create a new

Fatih 12 Sep 19, 2022
A draggable and resizable grid layout, for Vue.js.

vue-grid-layout Documentation Website What is Vue Grid Layout? vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by

JBay Solutions 5.9k Oct 3, 2022
⚡️A vue component support big amount data list with high render performance and efficient.

Table of contents Advantages Live demo Simple usage Props type Required props Optional props Public methods Attentions Advantages Only 3 required prop

Stephan Tang 3.7k Sep 28, 2022
A Vue & Vue3 reliable, simple and touch-ready panes splitter / resizer.

Splitpanes A Vue.js reliable, simple and touch-ready panes splitter / resizer. Vue 3 compatible. Installation npm i splitpanes Vue 3 npm i splitpanes

Antoni 1.1k Sep 26, 2022
Simple, Light-weight and Flexible Vue.js component for grid layout.

vue-grd Simple, Light-weight and Flexible Vue.js component for grid layout. Vue.js port of grd. Install npm install --save vue-grd Usage You can use <

Shogo Sensui 43 Jun 30, 2022
A pure vue responsive masonry layout without direct dom manipulation and ssr support.

vue-masonry-wall A pure vue responsive masonry implementation without direct dom manipulation, ssr friendly with lazy appending. I created this becaus

Fuxing Loh 182 Sep 14, 2022
A pure vue native horizontal list implementation for mobile/touch and responsive web.

?? You might want to use Vue Horizontal instead! Vue Horizontal is another take on the horizontal layout written by me with an ultra simple implementa

Fuxing Loh 174 Sep 30, 2022
:bento: Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and reordering

Vue.js Grid ( Experiment ) ⚠️ This an experement and not a production-ready plugin Fixed size grid for Vue.js This is very a first version of the plug

Yev Vlasenko 935 Sep 28, 2022
A reusable flexbox component using functional css and functional Vue components.

vue-flex A Vue.js functional component to wrap anything in flexbox. (1.8kb gzipped js+css, or 1.2k js & .6k css) Getting Started import Vue from "vue"

Alex Regan 61 Mar 1, 2021
UI Component Library Base on Vue.js(2.x) and Bulma

Attention I'm very sorry about the lack of concern about this library Recently. So busy in doing other things and I have no time to maintain it. I wil

Chenz 1.6k Aug 28, 2022
🍬 🙈 Vue.js utility component to show and hide components based on breakpoints

vue-breakpoints Vue.js utility component to show and hide components based on breakpoints ?? Demo ?? Install npm i vue-breakpoints yarn add vue-breakp

Jakub 189 Sep 7, 2022
Responsive masonry layout with SSR support and zero dependencies for Vue 3.

Responsive masonry layout with SSR support and zero dependencies for Vue 3.

Jan Müller 153 Oct 6, 2022
A draggable and resizable grid layout, for Vue.js.

vue-grid-layout Documentation Website What is Vue Grid Layout? vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by

JBay Solutions 5.9k Sep 29, 2022
Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and reordering

Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and reordering

Yev Vlasenko 935 Sep 28, 2022
🍬 🙈 Vue.js utility component to show and hide components based on breakpoints

vue-breakpoints Vue.js utility component to show and hide components based on breakpoints ?? Demo ?? Install npm i vue-breakpoints yarn add vue-breakp

Jakub 189 Sep 7, 2022
This simple calculate-app on Vue-3 and Vite

vue-calculate This simple calculate-app on Vue-3 and Vite You can see it by link: Vue.js-Calculator Build with Vue-3 Vite Getting Started Installation

Kirill 0 Dec 25, 2021