MDB React Free

Download the latest version

Download Learn more
MDB React Pro

Download the latest version

Download Learn more
Newsletter

Would you like to be notified about next update ?

Subscribe to our newsletter

MDB 5.2.0

Release date:

Fixed:

  1. Remove warning with a findDOMNode related to the MDBDropdown component
  2. Remove the rest dependencies with moment.js from free

MDB 5.1.0

Release date:

Fixed:

  1. Update chart.js plugin to the 2.9.4 version
  2. Remove moment.js from free
  3. Fix invalid hook call error in pro packages.
  4. Update MDBModal API section in the documentation.
  5. Fix MDBModal generator - now it will generate fullWidth prop instead of full-width.
  6. Fix typo in installation guide.
  7. Modal - update adding modal-open class to the body.
  8. Collapse - add tag property.
  9. Dropdown - toggle property in the DropdownItem will work properly now.
  10. Buttons - add rounded property handling.
  11. Datatables - fix sorting direction in the onSort method.
  12. Datatables - update searchLabel type.
  13. Select - add onChange method to the uncontrolled select.

MDB 5.0.2

Release date:

In MDB React 5.0.2 we fixed problem with invalid MDBSelectV5 syntax.

MDB 5.0.1

Release date:

In MDB React 5.0.1 we fixed problem with styling and import.


Fixed:

  1. Dropdown - fix problem with unnecessary import

MDB 5.0.0

Release date:

In MDB React 5.0.0 we updated version of React to 17 and we fixed some bugs reported by our community.


New:

  1. React 17 new version of React

Update:

  1. Input - new name prop
  2. Treeview - new openOnToggler prop which allows to define opening list by clicking on toggler or whole item

Fixed:

  1. Typography - abbr and children props
  2. Popover - fix for `modifiers` prop
  3. Popover - fix for cpu usage
  4. RangeInput - fix for type of `getValue` method in TypeScript
  5. DataTable - fix problem with unicode, key elements, classNames to rows, initial values and eventClick on row

MDB 4.27.0

Release date:

In MDB React 4.27.0, we fixed some bugs reported by our community and add new functionality to Timeline. We also provide a new version of selecta.


New:

  1. Timeline - new props stepContentStyle to add style property to content.
  2. Select v5 - refactored version of select.

Update:

  1. Modal - update props and doucmenation and fix problems with backdrop.

Fixed:

  1. Timeline - fixed layout on the 1200px screen and hoverable example
  2. Checkbox - fixed getValue method to show checked state of input for checkbox/radio

MDB 4.26.1

Release date:

In MDB React 4.26.0, we fixed bug in Select component and also add new version of DataTable.


New:

  1. DataTable - add new version of DataTable ( available to use and this component will replace a current DataTable in the future with 5.0.0 version).

Fixed:

  1. Select - fixed problem with searchID

MDB 4.26.0

Release date:

In MDB React 4.26.0, we added new version of components SideNav, DatePicker (available to use and this components will replace a current components in the future with 5.0.0 version). Fixed bugs in the CarouselItem and also update a few other components.


New:

  1. DatePicker - add new version of DatePicker ( available to use and this component will replace a current DatePicker in the future with 5.0.0 version).
  2. SideNav - add new version of SideNav ( available to use and this component will replace a current SideNav in the future with 5.0.0 version).

Update:

  1. Input - add componentdidupdate to focused prop.
  2. Timeline -add 3 new props to allows add a custom class name to elements ( className, circleClassName, stepContentClassName) prop.
  3. Calendar Plugin - add props to customize buttons colors ( week, day, month )

Fixed:

  1. Carousel - fixed problem with fetching data to carousel item.

Improved documentation pages:

  1. Timeline - update API section
  2. Calendar Plugin - update API section

MDB 4.25.6

Release date:

In MDB React 4.25.6, we've added new prop to Calendar Plugin. We've also fixed several bugs reported by our community and update some documentation pages.


New:

  1. Calendar Plugin - added new prop to open modal after clicking on task.

Fixed:

  1. Sidenav - fixed open and close animation.
  2. Modal - fixed problem with positioning.
  3. Modal - fixed Admin Template modal demo page.

Improved documentation pages:

  1. Modal - update modal API page,

MDB 4.25.5

Release date:

In MDB React 4.25.5, we've added new feature to Checkbox component. We've also fixed several bugs reported by our community and update some documentation pages.


New:

  1. Checkbox - new prop indeterminate which is adding indetermiante state control to checkbox.

Update:

  1. Select - update a Select component with removed unnecessary class 'mdb-select'.

Fixed:

  1. Checkbox - fixed problem with styling.
  2. Checkbox - fixed problem with label prop.

Improved documentation pages:

  1. Checkbox - update checkbox page about bootstrap component / indeterminate,

MDB 4.25.4

Release date:

In MDB React 4.25.4, we've fixed several bugs reported by our community. We fixed bugs in MDBSortable, MDBCalendar, Modal and others. We also updated a documentation with new examples of use.


New:

  1. MDBAutocomplete_v5 - added new version of autocomplete what will fully replace a current autocomplete in the future.

Fixed:

  1. Calendar - fixed plugin with a link component in task.
  2. Sortable - fixed plugin with a method to updated a state dynamically.

Improved documentation pages::

  1. Tabs - Fixed all examples with MDBNavLink and added to them link prop,
  2. Pills - Fixed all examples with MDBNavLink and added to them link prop,
  3. Cards - Added new examples in cards section;

MDB 4.25.3

Release date:

In MDB React 4.25.3, we've fixed several bugs reported by our community and improved our documentation by adding new examples and fixing some of them.


New:

  1. SlimNavBar - Add new prop openNav which render open MDBSlimNavBar at page load;

Fixed:

  1. Select - fixed padding in select if color is not selected,
  2. Lightbox - fixed problem about disappearing arrows and immediately hidden images with mouse click on arrows;

Improved:

  1. Calendar - fixed problem about responsive layout in this plugin;

Improved documentation pages::

  1. SlimNavBar - Add new prop openNav to MDBSlimNavBar API;

MDB 4.25.2

Release date:

In MDB React 4.25.02 we fixed a lot of bugs among others improved a MDBFullCalendar plugin, fixed responsive in the sections pages and fixed problem with backdrop in modals.


New:

  1. Modal Backdrop - new props backdropStyles about modal backdrop to fix click on the elements in the page,

Update:

  1. Select - update prop disabled

Fixed:

  1. Modal Backdrop - fixed problem with not clickable elements on the page when backdrop is false or disabled,
  2. Input Range - fixed floating points as step width in the input range,
  3. Sections - fixed mobile view about responsive layout,

Improved:

  1. Calendar - improved prop colors to allows use a object with value of color, title and dark mode;
  2. Date Picker - change datepicker disableFuture prop type to boolean,
  3. Charts - added new charts example in demo app,

Improved documentation pages::

  1. Form - update form docs about example with simple validation/submit on enter;
  2. Sections - update sections code about responsive fix,
  3. Charts - added new charts example in demo app,

MDB 4.25.1

Release date:

In MDB React 4.25.1 we focused on package stability and bug fixes reported by our comunnity. We have also increased the unit test coverage.


New:

  1. Table - new props about wrapping component,
  2. Calendar - new props about read-only;

Update:

  1. Bootstrap - update a version of Bootstrap to 4.4.1 in our packages;
  2. Font Awesome - add support to fad style;

Fixed:

  1. Minimalist Charts - fixed positioning of percentage content;

Improved:

  1. Range-Input - add a new example to Slider page in the demo app;
  2. Parallax - add a new install method component,
  3. Slider - fix slider examples in documentation page,
  4. Perfect Scrollbar - fixed examples on Firefox;

MDB 4.25.0

Release date:

In MDB React 4.25.0 we fixed several bugs reported by our community and added new feature to the existing component.


New:

  1. Modal - add new prop disableBackdrop to allow disable backdrop,
  2. Parallax - now required external library, new way to import and create component;

Update:

  1. Datatable - add objects and string to paginationLabel types;

Fixed:

  1. FileUpload plugin - fix styles for buttons,
  2. Modal Animation - fixed modal animations when modals are showing up,
  3. Modal Scrollbar - fixed bug about to close modal when click on scrollbar,
  4. Datatable Free - fixed pagination on free datatable version;

MDB 4.24.0

Release date:

In this update we added new component MDBLInk, fixed bugs in buttons, modals, dropdownMenu, range-input and more. We also updated our repo on gitlab with new eslint config and fix many bugs inside this repo.

New:

  1. Modal - New props to allows disable scrolling when modal is open,
  2. Link - New component Link,
  3. DropdownMenu - New prop modifiers to allows use modifiers from Popper.js. Default modifier is flip set to true

Fixed:

  1. Button - Fixed props className,
  2. RangeInput - Fixed value update on event action (e.g. onClick),
  3. ButtonFixed - Fixed button fixed component,
  4. Modal - Change prop disableFocusTrap to true allows handleBackdropClick,
  5. DropdownMenu - Change flag prop flip to true,

Improved:

  1. ButtonFixed - - Improved MDBBtnFixed unit tests,
  2. Loaders / Spinners - Improved spinners examples,

MDB 4.23.1

Release date:

In this update we focused on small fixes in your existing components like Data Table, Input, Carousel etc.


Fixed:

  1. DataTable - Fixed render fields if you pass `0`, `false`, `null` and etc. value for your data,
  2. Input - Fixed getValue property on change text if we set own value property,
  3. Carousel - Fixed onHoverStop property,
  4. Modal - Fixed prop declaration in MDBModal in 'wrapClassName' from 'boolean' to 'string',
  5. Modal/Tooltip - Fixed styles for class `show`,
  6. Select - Select - Fixed bug with `outline` when you want use this property and custom class,
  7. MultiCarousel - Fixed bug with state updating in MultiCarousel component,

Thanks:

  1. osmancode - Thanks a lot for the pull request about definition prop in the modal component;

MDB 4.23.0

Release date:

In this update we focused on features for existing components and new brand components. Also, we fix some bugs reported by our community and improved some documentation pages.


New:

  1. Tooltip (pro) - Added pro variation of component,
  2. Parallax (pro) - Added new pro component,
  3. Typography - Added new component. With this component, you can easily create notes, headings, and other elements. This component allows using different typography tags like h1 - h6, ul, p to create elements with bootstrap's typography classes like display-1, h1-responsive, h1-h6, etc. ,
  4. Box - Added new component. With this component, you can easily replace every tag in your JSX files like div, p, span, video, etc. This component allows using different display styles like flex/block/inline, margins, and paddings. To create elements with props we are using custom bootstrap classes and our custom styles from MDB.
  5. Gallery - Added new component. This component allows you to easily create an image gallery with a forwarding object to the props gallery. ,
  6. CardVideo - Added new CardVideo component allows you to add full responsive video container into your card;

Fixed:

  1. Button Fixed - Remove bug with hover empty space upper of the button,
  2. Stepper - Fix Font Awesome icon props at MDBStepper and MDBStep component,
  3. Tabs - Fix demo app example;

Improved:

  1. DataTable (pro) - New filter property for DataTable,
  2. Full Page Callendar (plugin) - Change title input fromtext to textarea,
  3. Lightbox - Added tabIndex property for object property of image and now you can focus image with the tab key.,
  4. Lightbox - Added keyboard events for open close and change image;

Improved documentation pages:

  1. Datatable,
  2. Stepper,
  3. Card;

MDB 4.22.1

Release date:

In this update, we focused on improving stability and bug fixes reported by our community. We've added new properties, updated and improved documentation and refactored the code for better performance.


Update:

  1. DataTable - Updated tests for MDBDataTableInfo and MDBDataTable,
  2. Lightbox - Updated Proptypes of img object property,
  3. Popover - Updated tests for refactored code;

Fixed:

  1. Button - Fixed gradient property for ButtonFixedItem,
  2. Dropdown - Fixed href props,
  3. LightBox - Changed the position of controls to fixed from absolute,
  4. Notification - Fixed import the style of toasts notifications
  5. Popover - Fixed change position of the arrow when popover change position,
  6. Timepicker - Fixed hours and minutes props. Now is posible to menage the component state to change MDBTimePicker time content;

Improved:

  1. DataTable - Added new prop disableRetreatAfterSorting,
  2. Input - Added unit tests,
  3. Modal - Added new disableFocusTrap property, and when modal is open you can only focus elements inside modal,
  4. Popover - Code was refactored for better performance,
  5. Rating - Code was refactored for better performance with feedback property,
  6. Scrollbar - Added unit tests,
  7. Switch - Added unit tests,
  8. Tooltip - Code was refactored for better performance,
  9. Table Editable - Added onChange and getValue properties to get edited data,
  10. Timepicker - New dayTime props allow to menage day time ('am', 'pm') when using 12h timepicker.,
  11. Imported new packages to dependencies:
    • - focus-trap-react,
    • - popper.js;

Improved documentation pages:

  1. Charts,
  2. DataTable,
  3. Hamburger Menu,
  4. Modal,
  5. Select,
  6. Sidenav,
  7. Table,
  8. Table Editable,
  9. Testimonials,
  10. Time Picker;

Thanks:

  1. sokolowski-daniel - To improved DataTable with suggestion with sorting;

MDB 4.22.0

Release date:

In this update, we added new Rating Component to our package, a new test to Datatable, new property to Input and also props to NavLink. We fixed a few bugs in Datatable, Lightbox and in the Notifications.


New:

  1. Rating - Added new component;

Fixed:

  1. DataTable
  2. - fixed DataTable showing 1 to 1 of 1 entries info when table not found record for Showing 0 entries,
    - fixed sort system if you use other component in table,
    - fixed showing fields in the right places on component,
    - fixed searching text of rendered components in DataTable,
  3. LightBox - fixed tests with buttons to change image,
  4. Notification - fixed imported styles for the component,
  5. Select - fixed focus on component when you change element with tabulator;

Improved:

  1. DataTable - Added new tests,
  2. Inputs - Added new property labelId and removed id attribute imported from the id property,
  3. NavLink - Added link props to the NavLink component. The default value is false. If you would like to have a <Link /> component from react-router-dom you have to set this prop on true;
  4. Updated SASS/CSS - synchronized with MDB v.4.8.11

Improved documentation pages:

  1. Notification / Toast,
  2. Input,
  3. Navbar;
  4. Rating;

Thanks:

  1. nordp - For send suggestion on how to fix sort components in table;

MDB 4.21.1

Release date:

In this update we fixed bugs reported by our community, updated and improved documentation.


Update:

  1. Props to change text in MDBSlimSideNav toggle button,
  2. Props to switch on/of touch gestures in MDBCarousel component;

Fixed:

  1. DataTable - change pagingLabel property name to paginationLabel for typescript,
  2. SlimSideNav - deleted default link in toggle button in MDBSlimSideNav component,
  3. Waves - fixed touch gestures for mobile;

Improved:

  1. Carousel - added mobileGesture property for enable/disable touch gestures,
  2. SlimSideNav - added toggleNavLabel property for changing default toggle button text;

Improved documentation pages:

  1. Carousel,
  2. Forms Examples,
  3. Grid examples,
  4. Lightbox,
  5. Notification / Toast,
  6. React Bootstrap Colors,
  7. SlimSideNav,
  8. Switch;

MDB 4.21.0

Release date:

In this update we added new functionality to Alerts, ChipInput and DataTable, also we fixed DataTable API and dynamic change slide property in Carousel


Update:

  1. Unit tests coverage for ChipInput

Fixed:

  1. Carousel - fixed slide property durning dynamic change true/false,
  2. Checkbox - removed default mr-5 class from component,
  3. DataTable - fixed download and render data from API,
  4. Lightbox - fixed import MDBLightbox from MDBreact by gitlab with token
  5. Radio - removed default mr-5 class from component,

Improved:

  1. Alerts - added tag property for component,
  2. ChipsInput - added handleAdd, handleRemove, getValue properties for component,
  3. DataTable - added onSort, onSearch, onPageChange methods and noRecordsFoundLabel, noBottomColumns property,
  4. Modal - added keyboard property for disable keyboard bind,
  5. Updated SASS/CSS - synchronized with MDB v.4.8.10

Improved documentation pages:

  1. Alerts
  2. ChipsInput
  3. DataTable,
  4. Lightbox
  5. Modal;
  6. Validation,

Thanks:

  1. vasilevich - for update Alert component on github

MDB 4.20.0

Release date:

In this update we refactored MDBLightbox and updated and improved documentation.
In this update we added unit tests coverage for pro components.


Update:

  1. 25% of unit tests coverage(pro);

Improved:

  1. LightBox - code was refactored for better performance and look.
  2. Updated SASS/CSS - synchronized with MDB v.4.8.9

Improved documentation pages:

  1. LightBox;

MDB 4.19.2

Release date:

In this update we fixed bugs reported by our community, refactored DataTable component, updated and improved documentation.
In this update we finished unit tests for free components.


Update:

  1. 100% of unit tests coverage(free);

Fixed:

  1. Checkbox - removed my-3 class which was added by default,
  2. Chips - handleClose method now returns deleted chip
  3. DataTable - fixed issue when providing (+, *, \ etc.) symbols into search crashed the application.
    Removed padding-right: 15px from DataTableHead when scorllX was passed without scrollY property,
  4. Input Group - added getValue and onChange methods,
  5. Select - fixed issue when clicking on the Uncontrolled Outline Select label didn't open list of options.
    Fixed wrong label positioning when several Uncrontrolled Selects had one wrapper;

Improved:

  1. DataTable - code was refactored for better perfomance,
  2. react - updated to v.16.9.0,
  3. Rollup, Rollup-plugin-babel, Rollup-plugin-commonjs, rollup-plugin-node-resolve, eslint-react-hooks, eslint and plugins, eslint-react, eslint-plugin-import, eslint-config-react-app, typescript-eslint/eslint-plugin, fontawesome, react-popper updated to the latest versions;

Improved documentation pages:

  1. Accordion,
  2. Breadcrumb,
  3. Cards,
  4. FileInput,
  5. Forms,
  6. List Group,
  7. Panels,
  8. Project,
  9. Switch,
  10. Tags, Labels, Badges,
  11. Testimonials.

MDB 4.19.1

Release date:

In this update we fixed bugs reported by our community, refactored component and improved documentation.
In this update we added unit tests coverage for free components.


New:

  1. 90% of unit tests coverage(free);

Fixed:

  1. Select - disabled keyboard opening on mobile devices when the select component was opened,
  2. Switch - fix bug when onChange method was called twice;

Improved documentation pages:

  1. Switch;

Improved:

  1. Carousel - code was refactored for better perfomance,
  2. Updated SASS/CSS - synchronized with MDB v.4.8.8;

MDB 4.19.0

Release date:

In this update we added Typescript support for all the components.
Created new component - Treeview.
We moved react-router-dom back to the dependencies from peerDependencies.
We also fixed bugs reported by our community and improved documentation.


New:

  1. Typescript support,
  2. Treeview - new free component;

Fixed:

  1. Datatables(free) - add margin to the select component,
  2. Datatables - change disable logic on pagination buttons(issue),
  3. Input - fix issue when event wasn't passed to onIconClick method;

Improved documentation pages:

  1. Accordion
  2. Navbar
  3. Sidenav
  4. Hamburger menu
  5. Compositions

Improved:

  1. Updated SASS/CSS - synchronized with MDB v.4.8.7,

Thanks:

MDB 4.18.1

Release date:

In this update we fixed bugs reported by our community and improved documentation.


Fixed:

  1. Animations - fixed issue of the reveal property if the component has been on the screen page after page load,
  2. Datatables - fixed issue of the select component position in datatable entries,
  3. Inputs - fixed issue of the tag prop,
  4. Modal - fixed issue of the backdrop while selecting text and release button outside the modal,
  5. Slider - fixed issue when passing a step property didn't change step values,
  6. Tooltips - fixed issue when button's onClick method didn't work,
  7. Waves effect - fixed issue when slide page and touching image on mobile;

Improved documentation pages:

  1. Animations
  2. Breadcrumb
  3. Buttons
  4. Buttons group
  5. Carousel
  6. Collapse
  7. Date picker
  8. Date picker
  9. Dropdown
  10. Grid usage
  11. Inputs
  12. Input group
  13. Popovers
  14. Responsive Tables

Add new documentation pages:

  1. Wysiwyg
  2. Table editor
  3. Full Page Calendar
  4. File Upload
  5. Filter
  6. Sortable
  7. Color Picker

Improved:

  1. Updated SASS/CSS - synchronized with MDB v.4.8.5.

MDB 4.18.0

Release date:

In this update we created new component - InputGroup, added new functionality to Carousel, Slider, Notification and Input components.
We also fixed bugs reported by our community and improved documentation.


New:

  1. InputGroup - added new component,
  2. Carousel - added new property onHoverStop: stops swiping images when image is hovered,
  3. Slider - added new property tag: change the type of the wrapping element,
  4. Input - added new properties onIconClick, onIconMouseEnter, onIconMouseLeave: sets appropriate events,
  5. Notifications - added new properties Icon, IconClassName: changes the default icon;

Fixed:

  1. Select - fixed issue when unchecking an option in uncontrolled multiple select triggered render method twice,
  2. Input - fixed issue when passed value={0} caused problems with label displaying,
  3. Stepper - fixed issue when passing an empty stepName property caused showing an empty icon;

Improved documentation pages:

  1. Background image
  2. Input
  3. Notification
  4. Carousel

Improved:

  1. Select - code was refactored for better perfomance,
  2. Updated SASS/CSS - synchronized with MDB v.4.8.3.

MDB 4.17.0

Release date:

In this update we added new functionality to DataTable, Select and Carousel components. We also fixed bugs reported by our community and improved documentation.


New:

  1. Carousel - added touch gesture support,
  2. DataTable - added new property barReverse; swaps position of 'search' and 'show entries' elements,
  3. Select - added new property selectAllClassName; adds class to the Select All option;

Fixed:

  1. Carousel - fixed count of showing items in Multi-item carousel when use on small screens,
  2. DatePicker - fixed issue when click on the opened DatePicker caused closing the modal,
  3. Select - fixed issue when click on the label or disabled option caused closing the list of options,
  4. Select - fixed issue when setting disabled option by using keyboard set checked status to true,
  5. Select - fixed label position when there is no option selected;

Improved documentation pages:

  1. Navs - updated description;

MDB 4.16.0

Release date:

In this update we added new functionality to DataTable components and new Notification free component. We also fixed bugs reported by our community and improved documentation.


New:

  1. Datatable - added new property className; adds class to the Datatable container,
  2. Datatable - added new column's property searchable; disables search in column if set to false,
  3. Notifications - added free version of the component;

Fixed:

  1. Select - fixed issue when selecting an option didn't update Select's input,
  2. Switch - fixed state updating methods;

Improved:

  1. Table Editable - improved for better perfomance,
  2. Updated SASS/CSS - synchronized with MDB v.4.8.2;

Improved documentation pages:

  1. Notifications - updated description and added new examples,
  2. Pills - updated description and added new examples.
  3. Tabs - updated description and added new examples.

MDB 4.15.0

Release date:

In this update we added new functionality to Select, DataTable and InputFile components. Updated all the dependencies to the latest versions, fixed bugs reported by our community and improved documentation. react-router-dom was moved to the peerDependencies and now v5.0.0 can be used.


New:

  1. Select/Multiselect - added new property required; important for a form submitting,
  2. Datatable - added new property sortRows; allows to use sort and search if row's element is a component,
    add direction for sorting arrows,
  3. File Input - added new property reset; adds a button which can reset selected file/files,
  4. react-router-dom package was moved to the peerDependencies; it supports v5.0.0 from now; your own installation is required;

Fixed:

  1. Select - fixed PropTypes of InputRef which caused crashing in case of using SSR application,
    fixed issue when default and selected properties can't be disabled,
    fixed issue in getValue() method when it was triggered on each render,
  2. Scrollbar - fixed import of PropTypes,
  3. Datatable - fixed bug with inner state update;

Improved:

  1. Notifications - improved for better perfomance,
  2. Webpack updated to v4.31.0,
  3. React Router Dom updated to v5.0.0,
  4. Rollup updated to v1.11.3,
  5. Babel updated to v7.4.4,
  6. date-io/moment, rollup's plugins, babel's plugins and presets, node-sass, prop-types, eslint and plugins, fontawesome, material-ui-pickers, charts.js, prefect-scrollbar, reaf, react-chartsjs-2, lightbox, toastify, transition-group, file-loader updated to the latest versions,
  7. TypeScript was added for future improvements of TypeScript support,
  8. Updated SASS/CSS - synchronized with MDB v.4.8.1;

Improved documentation pages:

  1. Dropdown - updated description,
  2. Select - updated documentation structure and fixed code in snippets,
  3. Sidenav - fixed scrollbar in our documentation.

MDB 4.14.0

Release date:

This update is focused on new features in input components (material 2.0 design) and Admin Dashboard Template. You also find some new styles, properties and bugfixes. We have updated Font Awesome version to v.5.8.1 and improved documentation.


New:

  1. Select/Multiselect - added new material 2.0 outline design option, added keyboard control, added select all option, added un-check functionality,
  2. Inputs - added new material 2.0 background design option,

Fixed:

  1. Admin Dashboard - updated stylings and fixed many small bugs in dashboard's components (free version included),
  2. Select - fixed hardcoded selected prop; now you can set empty string,
  3. Accordion - removed links from CollapseHeader,
  4. Autocomplete - updated lifecycle methods; now the component responds on the data updates,

Improved:

  1. Select - improved inner logic for better performance,
  2. Updated SASS/CSS - synchronized with MDB v.4.8.1

Improved documentation pages:

  1. 5 min Quick Start - refreshed quick start tutorial,
  2. Grid usage - updated code snippets,
  3. Navigation Compositions - updated code snippets,
  4. Select - extended overview and API sections,
  5. Inputs - extended overview and API sections,
  6. Charts - updated code snippets,
  7. Grid examples - updated code snippets,

MDB 4.13.0

Release date:

In this update we improved our components by adding new features, completed our documentation by new examples and resolved issues.


New examples in our documentation:

  1. Button
  2. Dropdown
  3. Carousel
  4. Jumbotron
  5. Accordion
  6. Intro
  7. LightBox

Fixed:

  1. Fixed issues in package configuration - moved react & react-dom to peerDependencies and updated Rollup config, so the packages won't be duplicated after installation.

Improved:

  1. Dropdown - component now has dropleft, dropright properties,
  2. Collapse Header - component now has tagClassName property,
  3. SmoothScroll - component has been improved by styling and positioning properties,
  4. View - component now has fixed property
  5. Updated SASS/CSS - synchronized with MDB v.4.7.6

MDB 4.12.0

Release date:

In version 4.12.0 you will find lot's of resolved issues and rebuilt components. Some components have changed their usage due to react-popper update.


Major changes:

  1. react-popper was updated to the newest, 1.3.3 version,
  2. Popovers, Tooltips and Dropdowns were built from scratch,
  3. Autocomplete component was completely refactored,

New:

  1. CSS usage - description for css customization has been added to the Quick Start,
  2. Forms API - API for the forms presentation page has been added,
  3. SideNav - new optional slim design has been developed - added slim prop which collapses sidebar vertically, leaving only the icons visible, added shortcut prop which lets you define how to display categories name when the slim prop is set to true

Fixed:

  1. Tooltip - now it supports fixed parent components,
  2. Admin Dashboard - fixed icons alignment inside sideNav,
  3. Select - fixed issue with search and icons,
  4. SideNav - change initial state value for 'isOpen' property to prevent from re-rendering the sidenav right after it is mounted. Previously, the state was recalculated via updatePredicate method, which caused the layout to rapidly shift after the first render.,

Improved:

  1. Tooltip - component has been rebuilt to coop with every custom wrapper,
  2. Popover - component has been rebuilt to to coop with custom content and wrappers,
  3. File Input - cleaned up the components DOM template, added flip property for input's button,
  4. SideNav - sideNav is now scrollable by default, added swipe-out functionality for smartphones and showOverlay property, added fixed property which fixes the sideNav, added responsive prop which lets to decide if component should be responsive,
  5. Autocomplete - component has been rebuild from scratch and gained features like keyboard control,
  6. Select - updated group separator,
  7. Dropdown - component has been rebuild due to react-popper update,
  8. Updated SASS/CSS - synchronized with MDB v.4.7.5

MDB 4.11.1

Release date:

In this update we have switched to the newest Bootstrap v.4.3.1 and fix a few bugs reported by our community

New:

  • Udated the package with the newest 4.3.1 version of Bootstrap
  • Responsive Font Size - Added Bootstrap Responsive Font Size settings
  • Popovers - Added popovers with images

Improved:

  1. Button - Fixed bug with color of text within button
  2. QuickStart - new, improved QuickStart guide
  3. Carousel - Fixed small bugs with multi item carousels (both versions)
  4. Timelines - Fixed bugs with the timelines on mobile devices
  5. Updated SASS/CSS - synchronized with MDB v.4.7.4

MDB 4.11.0

Release date:

In this update we have switched to the newest React v.16.8.1 containing new Hooks API. We have also updated Font Awesome package to v.5.7.1, and provided lots of new components, examples and fixes.


Major changes:

  1. React was updated to the newest, 16.8.1 version (contains Hooks API),
  2. Font Awesome was updated to the newest, 5.7.1 version (contains new icons),

New:

  1. Outline Inputs - Material 2.0 design,
  2. Scrollbar & Smooth Scroll - new SmoothScroll component, new Scrollbar examples,
  3. Masonry - new layout examples,
  4. Overflow - new overflow utilities documentation,
  5. Waves effect - new Waves effect documentation,
  6. Multiselect - new Multiselect documentation,
  7. Select - new separated documentation for Select and Multiselect,
  8. Navs - new Navs documentation,
  9. Loader/Spinner - new Spinners and Loaders components,
  10. Border - new border color utilities,
  11. Display - new responsive templates table,
  12. Text - new font weight text utilities,
  13. Spacing - new negative margin spacing utility,

Fixed:

  1. Select - now accepts dataset without `text` key, now you can preselect option by using prop `selected` or `checked`,
  2. Testimonial Carousel - class names updated, fixed active testimonial class,
  3. Popovers - onClick handler added to Popover element (dismiss popover when clicked),
  4. Navs - fixed `color` property - now simple `MDBNav` can be colorful,

Improved:

  1. Switch - updated Switch styling,
  2. Validation - added status icons inside validated inputs,
  3. Updated SASS/CSS - synchronized with MDB v.4.7.1

MDB 4.10.0

Release date:

Starting from version 4.10.0 our library supports ES6 modules system which implies many significant improvements - most importantly - it solves the problem with SSR, which was reported by our community. From now on, our library can be used on the server side. To make implementation quick and easy our team has prepared official starters for those, who want to use MDB React with NextJS and Gatsby. Switching to rollup let us solve the problem with tree-shaking, which will significantly reduce javascript bundle size in the client-side applications.


Breaking changes:

  1. Bootstrap was updated to the newest version (bootstrap-css-only v.4.2.1)

New:

  1. Quick start guide and an official starter for Gatsby & MDB ,
  2. Quick start guide and an official starter for NextJS & MDB ,
  3. Blog components,

Fixed:

  1. Modal - fixed modal behaviour when the backdrop is hidden,
  2. CardImage - removed zoom property which was applied by default,
  3. Datatable - add a key binding for Page Items,
  4. Switch - default labels swapped places,

Improved:

  1. Switch production module bundler from Webpack to Rollup,
  2. Improved tree-shaking support,
  3. Updated SASS/CSS - synchronized with MDB v.4.7.0,
  4. Carousel - an update of the inner syntax ,

MDB 4.9.0

Release date:

A major change is FontAwesome v.5.6.3 update. It brings changes in Icons usage - icons gained 3 different icon styles, and brand icons have been separated into their own category. Following that, we have made lots of components adjustments. Use our Icons search tool to find your desired icon.

We have also refactored some components and resolved lots of issues. Whole documentation and demo pages have been updated to be consistent with MDB components names philosophy. And we set up some new examples in our demo application.


New:

  1. Font Awesome - updated to v.5.6.3, new icons search tool released,
  2. Search usage example,

New properties for icons:

  1. Icons,
  2. BreadcrumbItem,
  3. Autocomplete,
  4. SideNavCat,
  5. Inputs,
  6. TimelineStep,
  7. ButtonFixed & ButtonFixedItem,

Improved:

  1. Inputs - component was totally refactored, now it can be used as the controlled or the uncontrolled input and it accepts callback refs, also new props for icons have been added,
  2. DataTable - now columns can be disabled from sorting, entries are fully adjustable, column's data objects now will accept additional attributes for th components, pagination now presents just a piece of the list, rows allow to attach clickEvent, rendering process has been improved,
  3. E-commerce - new examples and import fixes in the demo,
  4. Cards - added prop zoom for MDBCardImage,
  5. Improved svg files imports by adding SVR loader,
  6. Whole documentation and demo pages have been updated to be consistent with MDB syntax guidelines,
  7. Updated SASS/CSS - synchronized with MDB v.4.6.1,

Fixed:

  1. Select's Search - repaired functionality to search through textContent, fixed errors,
  2. DatePicker - component wasn't updating inner state on value property change, it was rebuilt to alow usage as the controlled or the uncontrolled component,
  3. Col - bug fixes,
  4. ButtonFixed - size property and onClick event handler,

MDB 4.8.7

Release date:

In this version we updated our codebase to React 16.7.0 and resolved small bugs reported by our community.


Improved:

  1. Select - resolved problem with displaying value and text content,
  2. Updated SASS/CSS - synchronized with MDB v.4.6.0
  3. Update to the React 16.7.0 version

MDB 4.8.6

Release date:

With this version the documentation rebuild process has ended. We brought the last amount of new and updated pages, also we improved some components and added few plugins.


Added:

  1. Edge Header Plugin
  2. Streak Plugin

Improved:

  1. Lots of Demo pages has met improves and new examples,
  2. Pagination - new size property,
  3. View - updated styles to display full screen container with centered background,
  4. Select - added property searchLabel and searchId which allows to manipule search input parameters; in Additional controlled Select improoved getTextContent method and added new option - text,
  5. DataTable - improved search functionality,
  6. Scrollspy - refactored legacy refs, improved ref attribute,
  7. Validation & Inputs - added validation for Material Inputs,
  8. Updated PropTypes of labels - now the can accept not only strings, but also links or numbers,
  9. Updated SASS/CSS - synchronized with MDB v.4.5.16

Documentation:

New documentation standard with API and extended examples:

  1. Select
  2. Validation
  3. Date Picker
  4. Scrollspy
  5. Charts
  6. Sticky content
  7. Lightbox
  8. Collapse
  9. Accordion
  10. Jumbotron
  11. Tags, labels & badges
  12. Stepper
  13. Pagination
  14. Button Group
  15. Navigation Compositions

MDB 4.8.5

Release date:

This version brings the next huge documentation update. We also fixed bugs reported by our community.


Improved:

  1. Select fixed bug when updating TextContent value; added props for Search label and id,
  2. List Group added properties for color manipulation,
  3. Side Nav added property topLevel for SideNavLink to turn on hover effects,
  4. Chat repaired avatars links in demo
  5. Loader / Spinner renamed component
  6. Progress bar refactored component, added material styling and new properties for better component customization
  7. Updated SASS/CSS - synchronized with MDB v.4.5.15

Documentation:

New documentation standard with API and extended examples:

  1. Sidenav
  2. Tooltips
  3. Popovers
  4. Code
  5. Figures
  6. Icons Usage
  7. Icons List
  8. Images
  9. Typography
  10. Animations
  11. Colors
  12. Gradients
  13. Hover effects
  14. Masks
  15. Skins
  16. Shadows
  17. Background Image
  18. Gradient
  19. Pills
  20. Tabs
  21. Panels
  22. List Group
  23. Social Buttons
  24. Progress Bar
  25. Loader / Spinner
  26. Layout overview
  27. Media queries
  28. Utilities for layout
  29. Media object
  30. Spacing
  31. Sizing
  32. Position
  33. Visibility
  34. Vertival align
  35. Text
  36. Image replacement
  37. Embeds
  38. Float
  39. Close icon
  40. Display
  41. Borders
  42. Clearfix
  43. Clearfix
  44. Flexbox

MDB 4.8.4

Release date:

Another large documentation update. We have also repaired some bugs and added new component.


Improved:

  1. SideNav - deleted fixed property - SideNav is fixed by default, to make it hidden use hidden prop, you can now add onClick method to sideNavLink to dismiss sideNav,
  2. Switch - added custom labels,
  3. Tabs - styling adjustement,
  4. Modal - extended footer to allow flex-positioning with props,
  5. Alerts - replaced as Notifications,
  6. Input Range - added steps,
  7. Updated demonstration pages to be consistent with MDB-prefix syntax,
  8. Refactored string Refs to be up to date with React API,
  9. Updated SASS/CSS - synchronized with MDB v.4.5.14

Fixed:

  1. TimePicker - bug with unreachable events,
  2. Input Range - removed deprecated methods and repaired bug with mismtached indicator,
  3. Problem with multiple React versions - prevent mdbreact from installing external react package inside user environment

New:

  1. Alerts

Documentation:

New documentation standard with API and extended examples:

  1. Intros
  2. Contact
  3. Blog
  4. E-commerce
  5. Social
  6. Magazine
  7. Features
  8. Projects
  9. Testimonials
  10. Team
  11. Forms
  12. Alerts
  13. Notifications
  14. File Input
  15. Slider
  16. Textarea
  17. Autocomplete
  18. Inputs
  19. Buttons

MDB 4.8.3

Release date:

This version brings completely rebuilt TimePicker component, decreased package size of almost 50% and a significant documentation update.


Improved:

  1. TimePicker - more flexible component, which allows better customization
  2. Breadcrumbs - expanded functionality and internal improvements
  3. Reduced size of MDB package by almost 50%
  4. PRO package installation - mdbreact dependency is now delivered inside zip archive
  5. Navigation - links within whole documentation have been updated to the new standard
  6. Updated SASS/CSS - synchronized with MDB v.4.5.13

Fixed:

  1. Carousel Thumbnail - bug with displaying the element
  2. Select - problem with input value
  3. Errors within Build which occurred after update to react-scripts v2.0.5

Documentation:

Added new examples of usage and API section on pages listed bellow:

  1. Breadcrumbs
  2. Search
  3. Navbar
  4. Carousel
  5. Buttons
  6. Cards
  7. Switch
  8. Radio Button
  9. Grid usage
  10. TimePicker
  11. CSS demonstration page
  12. Components demonstration page

MDB 4.8.2

Release date:

This time we focused on optimization, performance, bug fixes and improvements of the package.


Added:

  1. Chat

Improved:

  1. Transitions - replaced deprecated motion package
  2. Modal - whole new, rewritten logic of the component
  3. Button - vanished unneeded functions
  4. SideNav - resolved problem with 'isOpen' property inside SideNav children
  5. TimePicker - resolved bug with getValue function
  6. NavbarBrand - reinvented the component to work as a NavLink
  7. Updated Create React App to v.2 within our npm template packages
  8. Reduced weight of MDB package Build by almost 60%
  9. Improved and expanded documentation
  10. Updated SASS/CSS - synchronized with MDB v.4.5.12

MDB 4.8.1

Release date:

This update brings new components along with improvements in the existing ones.


Added:

  1. Iframe
  2. Timeline

Improved:

  1. Toast - removed dependencies to make component lighter
  2. Select - new options and improved lifecycle methods
  3. Datatble - new prop which allows to change language
  4. Editable Table - resolved problem with moving cursor in edit mode
  5. Button -fixed floating button bug
  6. Remove deprecated methods from our codebase
  7. Updated SASS/CSS - synchronized with MDB v.4.5.11

MDB 4.8.0

Release date:

In 4.8.0 we took care of internal improvements and some bug fixes that will make your app even better.


Changed syntax:

  1. import 'bootstrap-css-only/css/bootstrap.min.css'; - we changed our dependencies - from bootstrap to bootstrap-css-only. We don't use Bootstrap's JavaScript in our package, so you don't have to download it anymore.

Added:

  1. Hamburger Menu

Improved:

  1. Date Picker - added new feature which allows to change the language. Fixed infinite loop bug.
  2. Input - internal improvements.
  3. NavLink - improved waves effect.
  4. Updated SASS/CSS - synchronized with MDB v.4.5.10

MDB 4.7.1

Release date:

This update brings many improvements in the existing components. We also fixed issues reported by our community


Added:

  1. Double Navigation with fixed SideNav
  2. SideNav & fixed Navbar

Improved:

  1. Modal - improved animation. Added animation prop which allows to define a direction of the animation. Added hiddenModal, hideModal and showModal events. There are new templates and examples in React Demo App.
  2. Select and Multiselect - got a selected prop which defines the default selection in a dropdown list. Got a getValue and getTextContent function props, which return value/inner text of SelectOption component. Fixed bug concerning double select.
  3. Button - got a target prop which controls what happens when link button is clicked.
  4. Navbar - now, it is possible to change color of scrolling Navbar, using color prop along with transparent prop.
  5. Navlink - got a waves effect.
  6. ExportToCSV - internal improvements.
  7. DatePicker - fixed icon bug concerning external resources, now everything is imported inside the component.
  8. Collapse - internal improvements.
  9. Updated SASS/CSS - synchronized with MDB v.4.5.9

MDB 4.7.0

Release date:

This update brings new components along with many improvements in the existing ones.


Changed syntax:

  1. SideNav - logic has been put deeper into the component, the "accordion effect" is now fully handled by the SideNavNav component

Added:

  1. Animation component, inc. wow.js-type revealing
  2. Card Group component, inc. the deck-type rendering
  3. DataTable component, inc. the ability to load up using external data

Improved:

  1. Autocomplete - got a getValue function prop
  2. Carousel - fade effect added
  3. Dropdown - align issue fixed
  4. Inputs - internal improvements, inc. getValue function prop
  5. Multi-item Carousel - internal improvements
  6. Select - now uses the Context API. The selected value is accessible through the getValue prop
  7. SideNav - got a onOverlayClick function prop, allowing to wire up custom logic to the backdrop click event
  8. Tables - have been rewritten to require no additional package
  9. Webpack has been updated to 4.16.0 version
  10. Updated MDB to 4.5.8

MDB 4.6.1

Release date:

With this version we've updated MDB to 4.5.7


Improved:

  1. Fixed FireFox double click bug on <Button> component
  2. Updated MDB to 4.5.7

MDB 4.6.0

Release date:

With this version we updated syntax for dropdowns, selects and carousels. We did everything to facilitate the use of our components.


Changed syntax:

  1. Carousels
  2. Dropdowns
  3. Selects
  4. Navigation
  5. E-commerce Section (Products v.5)
  6. Testimonials Section

In the above examples, we have moved the logic of components (functions, constructors) to their interiors.

Added:

  1. Chips
  2. Form validation
  3. Image Overlays Card
  4. Steppers
  5. Table Editable
  6. Table Pagination
  7. Table Responsive
  8. Table Scroll
  9. Table Search
  10. Table Sort

Improved:

  1. MDB update to 4.5.6
  2. FileInput onChange event
  3. TextField onFocus event

MDB 4.5.1

Release date:

With this version we've updated MDB to 4.5.5


Changed syntax:

  1. Blog section v.4
  2. Cascading cards
  3. Classic tabs
  4. Ecommerce components
  5. Footers
  6. Product sections

Improved:

  1. MDB update to 4.5.5

MDB 4.5.0

Release date:

With this update, we fixed all navigation issues and added Autocomplete, which is working also with our Select Inputs


Added:

  1. Autocomplete
  2. Flipping card
  3. Forms
  4. Numeric input
  5. Panels
  6. Search
  7. Stylish card
  8. Testimonial card

Changed:

  1. Grid update

Improved:

  1. Navigation links in Firefox
  2. Popover close
  3. Sidenav double-click fix
  4. Removed refs from Select Input

MDB 4.4.0

Release date:

MDB React 4.4.0 has landed with some bug fixes and sections that will make your app even better!


Most Important: Integration with MDB 4.5.2

Added:

  1. Blog section
  2. Contact section
  3. E-commerce section
  4. Features section
  5. Intros section
  6. Magazine
  7. Projects section
  8. Social buttons
  9. Social section
  10. Team section
  11. Testimonials section

Changed:

  1. Separated free and premium components
  2. Waves in CardImage is now optional

Improved:

  1. Carousel's slide efect
  2. Default state for Switch
  3. Input AutoFocus
  4. Popovers
  5. Support for background images in View component

MDB 4.3.0

Release date:

With this update, we expanded MDB React by adding a lot of new components. We also fixed various issues reported by our community


New components:

  1. Charts Pro
  2. Default Bootstrap's Inputs
  3. More variations of Modals
  4. Lightbox
  5. Carousels Pro
  6. Classic Tabs
  7. Double Navigation
  8. Scrollbar
  9. More versions of Buttons
  10. Sticky Content

Fixed:

  1. Input onChange issue
  2. Input's label
  3. Modal close issue
  4. Button onClick issue

Improved:

  1. Range input
  2. Inputs
  3. Collapse
  4. Font Awesome
  5. Updated project dependencies

MDB 4.2.0

Release date:

In 4.2.0 we've took care of integration with React 16 and Bootstrap 4.0.0 (stable version)


Major changes:

  1. Integration with React 16.2.0
  2. Integration with MDB 4.5.0 and Bootstrap 4.0.0 (stable)
  3. SCSS files

Fixed:

  1. Fixed "refs" issue
  2. Material Select issues
  3. Popovers
  4. NavLink issue
  5. Blinking Navbar issue
  6. Waves effect
  7. Modal Transition

Added:

  1. More versions of footer

Improved:

  1. Improved cards
  2. Dropdowns
  3. Fade component
  4. Scrollbar in SideNav
  5. Props in Masks
  6. Removed outline color on focus form buttons
  7. Usage of NavLink made easier

MDB 4.1.0

Release date:

With this update, we've made MDB React even more stable


Fixed:

  1. Modals for React 16
  2. Import for create-react-app
  3. Popovers

Added:

  1. Video Carousel

Improved:

  1. Updated to React 16
  2. Updated to Bootstrap 4 beta-2
  3. Updated to MDB 4.4.3
  4. Build tools