MDB Pro Vue Releases

MDBootstrapUI & Visualization SuitesJavaScript
Version v7.0.0 (Oct 13, 2024)

Learn what's new across releases, with details of features, enhancements, and resolved issues.

Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
MDB Pro Vue v7.0.0Major versionOct 13, 2025
Features
  • Design Updates:
    • Introduced a new theming system that allows setting the theme for the entire page, its parts, or selected elements using data attributes.
  • Charts
    • Added dark-mode handling with new customizable properties.
  • Onboarding
    • Added static setting for backdrop.
  • Popconfirm
    • Added new cancelBtnClasses and confirmBtnClasses props that allow customizing the button styles.
  • Progress
    • Added Progress Circular examples available by adding circular prop to the component.
  • Datepicker:
    • Added aria-label attribute that can be customized by the toggleBtnLabel prop.
  • DateTimepicker:
    • Added aria-label attribute that can be customized by the toggleBtnLabel prop.
  • Select:
    • Added clearButtonLabel prop for customizing aria-label for clear button.
  • Timepicker:
    • Added aria-label attribute that can be customized by the toggleBtnLabel prop.
    • Added aria-label attributes to clear, cancel and ok buttons.
  • Updated mdb-vue-ui-kit in plugins.
  • Dependencies update for main UI kit package and plugins.
  • Breaking Changes:
    • Older theming styles are no longer supported, use new color modes instead.
    • Cards - Property bg adds text-bg-${props.bg} class instead of bg-${props.bg}.
    • Footer - Changed default bg prop value from light to body-tertiary.
    • Popconfirm - Changed cancel button color from flat to secondary.
    • Datatables - Removed dark property.
    • Navbar - Removed dark and light properties.
    • Stepper - Removed bg-light class from mobile step footer and header.
    • Table editor - Removed dark property.
Fixes
  • Calendar
    • Fixed showing tooltips and add/edit modals on mobile devices.
  • Datatable
    • Fixed issue with providing falsy values in advanced data structures.
  • Datepicker :
    • Fixed input and modal readonly behaviour and added aria attributes to disabled and readonly states for better accessibility.
    • Fixed toggle icon position on Firefox.
  • DateTimepicker:
    • Fixed input and modal readonly behaviour and added aria attributes to disabled and readonly states for better accessibility.
    • Fixed layout issue where the Clear button overlapped the last row of days in certain months.
    • Fixed toggle icon position on Firefox.
  • Drag and drop
    • Fixed issue with addItem method that caused last sortable item not dragging properly at the first drag attempt.
  • Dropdowns - Fixed cursor styling for items wrapped in router-link ("to" prop).
  • eCommerce gallery - fixed zoom effect issues.
  • Input Mask - fixed issue with pasting values to the input.
  • Multi Range Slider - fixed issue with range sliders when both handles were at the same position.
  • Onboarding - fixed scroll behavior for container examples.
  • Sidenav - Fixed uncollapsing parent items on lower levels based on page url.
  • Select:
    • Fixed accessibility attributes.
    • Fixed invalid and valid input styling when focused.
  • Stepper - Fixed stepper content animations for content including inputs.
  • Table editor - Disabled pagination select when adding or editing a row.
  • Timepicker:
    • Added aria-label attribute that can be customized by the toggleBtnLabel prop.
    • Added aria-label attributes to clear, cancel and ok buttons.
    • Fixed toggle icon position on Firefox.