MDB 5 Angular Changelog

Don't miss MDB Angular updates! Join our mailing list & receive information whenever a new update is released.

    By subscribing you agree to receive the newsletter & commercial information from the data administrator StartupFlow s.c. Kijowska 7, Warsaw. Policy


    Version v1.0.0 Beta 6, released 14.06.2021

    In this version we introduced some breaking changes, please check `Breaking changes` section and update your application accordingly. The list of all individual modules and entry points can be found here:

    MDB Angular UI Kit Free Modules And Imports

    MDB Angular UI Kit Pro Essential Modules And Imports

    Breaking changes:

    • Updated Angular to v12 (this version is now required),
    • Components, modules and types can no longer be imported from mdb-angular-ui-kit entry point. Use the newly added secondary entry points, such as mdb-angular-ui-kit/datepicker to import individual elements,
    • Removed main MdbModule, import individual modules from its entry points, for example: import { MdbCheckboxModule } from 'mdb-angular-ui-kit/checkbox'
    • Renamed MdbTimePickerComponent to MdbTimepickerComponent
    • Renamed MdbTimePickerDirective to MdbTimepickerDirective
    • Renamed MdbTimePickerModule to MdbTimePickerModule
    • Updated Bootstrap styles to the latest stable version.

    Components redesign:

    • Redesigned shadows for components: Cards, Dropdowns, Modal, Popover, Toasts, Buttons, Button Group, Navbar, Pagination, Pills, Sidenav,
    • Redesigned padding for components: Alerts, Cards, List Group,
    • Redesigned border radius to 0.5rem for components: Alerts, Cards, Dropdowns, Modal, List group, Popover, Toasts, Dateipcker, Timepicker.

    Fixes and improvements:

    • Sidenav - resolved problem with height of the element with .sidenav-menu class,
    • Range - resolved problem with a hardcoded Example label text,
    • Datepicker - dateChanged event will be now correctly emited on date change,
    • Datepicker - resolved problem with components updates on Angular form control changes,
    • File input - updated styles to Material Design styles,
    • Pills - fixed width of pills when they're filled or justified,
    • Checkbox/Switch/Radio - fixed margin styles and positioning.

    New components:

    New features:

    • Navbar - added a new .navbar-nav-scroll class to enable vertical scrolling when a collapsed navbar is opened
    • Navbar - re-added flex-grow to the .navbar-collapse to restore the flexbox behaviors from v4 and prevent some content from being inadvertently squished,
    • List group - added a new .list-group-numbered variation to list groups that uses pseudo-elements for numbering list group items,
    • Shadows - added a new styles design: shadows soft, shadows standard, shadows strong,
    • Added color-scheme mixin.

    Version v1.0.0 Beta 5, released 31.05.2021

    New components:


    Version v1.0.0 Beta 4, released 04.05.2021

    New components:

    Bug fixes:

    • Animations - resolved problem with parameters in HTML template,
    • Sidenav - resolved problems with mode and hidden inputs,
    • Sidenav - resolved problem with show method.

    Version v1.0.0 Beta 3, released 19.04.2021

    New components:

    Bug fixes:

    • Datepicker - resolved problem with keyboard navigation when using DownArrow key,
    • Datepicker - resolved problem with selecting dates using Enter/Space keys in component with date filter,
    • Datepicker - added correct aria-labels to the previous/next buttons in the days view.

    Version v1.0.0 Beta 2, released 06.04.2021

    New components:


    Version v1.0.0 Beta 1, released 22.03.2021

    New components:

    Bug fixes:

    • Scrollspy - added cursor: pointer styles to scrollspy links,
    • Sidenav - resolved problem with errors when RouterModule is not imported,
    • Sidenav - component will be correctly updated on inputs changes,
    • Sidenav - resolved problem with scroll position,
    • Sidenav - added components and module exports to main library index.

    New features:

    • Animations - added new animations: slideLeft, slideRight, slideUp, slideDown
    • Sidenav - added focus trap,
    • Sidenav - escape button will now close the component,

    Version v1.0.0 Alpha 4, released 08.03.2021

    New components:

    Bug fixes:

    • Select - x options selected text will be displayed correctly when more than 5 options have been selected,
    • Select - fixed clear button focusing issue.

    New features:

    • Select - added new displayedLabels input that allows to change maximum number of comma-separated options labels displayed in the multiselect input,
    • Select - added new optionsSelectedLabel input that allows to customize x options selected text,
    • Select - added new filterDebounce input that allows to add delay to the options list updates when using filter input

    Version v1.0.0 Alpha 3, released 22.02.2021

    New components:


    Version v1.0.0 Alpha 2, released 25.01.2021

    New components:


    Version v1.0.0 Alpha 1, released 11.01.2021

    The initial release of MDB 5 Angular Alpha 1.

    New components:

    New sections:

    • Layout
    • Utilities
    • Content & styles