web
mobile
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 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 hiddenModalhideModal 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