MDB React Free
MDB React Pro
Newsletter
Would you like to be notified about next update ?
Subscribe to our newsletterMDB 5.2.0
Release date:Fixed:
- Remove warning with a findDOMNode related to the MDBDropdown component
- Remove the rest dependencies with moment.js from free
MDB 5.1.0
Release date:Fixed:
- Update chart.js plugin to the 2.9.4 version
- Remove moment.js from free
-
Fix
invalid hook call
error in pro packages. -
Update
MDBModal
API section in the documentation. -
Fix
MDBModal
generator - now it will generatefullWidth
prop instead offull-width
. - Fix typo in installation guide.
-
Modal
- update adding
modal-open
class to the body. -
Collapse
- add
tag
property. -
Dropdown
-
toggle
property in theDropdownItem
will work properly now. -
Buttons
- add
rounded
property handling. - Datatables - fix sorting direction in the onSort method.
-
Datatables
- update
searchLabel
type. - 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:
- 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:
- React 17 new version of React
Update:
-
Input -
new
name
prop -
Treeview -
new
openOnToggler
prop which allows to define opening list by clicking on toggler or whole item
Fixed:
- Typography - abbr and children props
- Popover - fix for `modifiers` prop
- Popover - fix for cpu usage
- RangeInput - fix for type of `getValue` method in TypeScript
- 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:
- Timeline - new props stepContentStyle to add style property to content.
- Select v5 - refactored version of select.
Update:
- Modal - update props and doucmenation and fix problems with backdrop.
Fixed:
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:
- 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:
- 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:
- 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).
- 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:
- Input - add componentdidupdate to focused prop.
- Timeline -add 3 new props to allows add a custom class name to elements ( className, circleClassName, stepContentClassName) prop.
- Calendar Plugin - add props to customize buttons colors ( week, day, month )
Fixed:
- Carousel - fixed problem with fetching data to carousel item.
Improved documentation pages:
- Timeline - update API section
- 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:
- Calendar Plugin - added new prop to open modal after clicking on task.
Fixed:
- Sidenav - fixed open and close animation.
- Modal - fixed problem with positioning.
- Modal - fixed Admin Template modal demo page.
Improved documentation pages:
- 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:
-
Checkbox
- new prop
indeterminate
which is adding indetermiante state control to checkbox.
Update:
-
Select -
update a Select component with removed unnecessary class
'mdb-select'
.
Fixed:
Improved documentation pages:
- 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:
- MDBAutocomplete_v5 - added new version of autocomplete what will fully replace a current autocomplete in the future.
Fixed:
- Calendar - fixed plugin with a link component in task.
- Sortable - fixed plugin with a method to updated a state dynamically.
Improved documentation pages::
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:
-
SlimNavBar
- Add new prop
openNav
which render open MDBSlimNavBar at page load;
Fixed:
- Select - fixed padding in select if color is not selected,
- Lightbox - fixed problem about disappearing arrows and immediately hidden images with mouse click on arrows;
Improved:
- Calendar - fixed problem about responsive layout in this plugin;
Improved documentation pages::
-
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:
-
Modal Backdrop
- new props
backdropStyles
about modal backdrop to fix click on the elements in the page,
Update:
- Select - update prop disabled
Fixed:
- Modal Backdrop - fixed problem with not clickable elements on the page when backdrop is false or disabled,
- Input Range - fixed floating points as step width in the input range,
- Sections - fixed mobile view about responsive layout,
Improved:
-
Calendar
- improved prop
colors
to allows use a object with value ofcolor
,title
anddark
mode; -
Date Picker
- change datepicker
disableFuture
prop type toboolean
, - Charts - added new charts example in demo app,
Improved documentation pages::
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:
Update:
- Bootstrap - update a version of Bootstrap to 4.4.1 in our packages;
-
Font Awesome
- add support to
fad
style;
Fixed:
- Minimalist Charts - fixed positioning of percentage content;
Improved:
- Range-Input - add a new example to Slider page in the demo app;
- Parallax - add a new install method component,
- Slider - fix slider examples in documentation page,
- 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:
- Modal - add new prop disableBackdrop to allow disable backdrop,
- Parallax - now required external library, new way to import and create component;
Update:
-
Datatable
- add objects and string to
paginationLabel
types;
Fixed:
- FileUpload plugin - fix styles for buttons,
- Modal Animation - fixed modal animations when modals are showing up,
- Modal Scrollbar - fixed bug about to close modal when click on scrollbar,
- 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:
- Modal - New props to allows disable scrolling when modal is open,
- Link - New component Link,
-
DropdownMenu
- New prop
modifiers
to allows use modifiers from Popper.js. Default modifier is flip set totrue
Fixed:
-
Button
- Fixed props
className
, - RangeInput - Fixed value update on event action (e.g. onClick),
- ButtonFixed - Fixed button fixed component,
-
Modal -
Change prop
disableFocusTrap
to true allows handleBackdropClick, -
DropdownMenu
- Change flag prop
flip
to true,
Improved:
- ButtonFixed - - Improved MDBBtnFixed unit tests,
- 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:
- DataTable - Fixed render fields if you pass `0`, `false`, `null` and etc. value for your data,
- Input - Fixed getValue property on change text if we set own value property,
- Carousel - Fixed onHoverStop property,
- Modal - Fixed prop declaration in MDBModal in 'wrapClassName' from 'boolean' to 'string',
- Modal/Tooltip - Fixed styles for class `show`,
- Select - Select - Fixed bug with `outline` when you want use this property and custom class,
- MultiCarousel - Fixed bug with state updating in MultiCarousel component,
Thanks:
- 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:
- Tooltip (pro) - Added pro variation of component,
- Parallax (pro) - Added new pro component,
-
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 likedisplay-1
,h1-responsive
,h1
-h6
, etc. , -
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 likeflex
/block
/inline
, margins, and paddings. To create elements with props we are using custom bootstrap classes and our custom styles from MDB. - Gallery - Added new component. This component allows you to easily create an image gallery with a forwarding object to the props gallery. ,
- CardVideo - Added new CardVideo component allows you to add full responsive video container into your card;
Fixed:
- Button Fixed - Remove bug with hover empty space upper of the button,
-
Stepper
- Fix Font Awesome
icon
props at MDBStepper and MDBStep component, - Tabs - Fix demo app example;
Improved:
-
DataTable (pro)
- New
filter
property for DataTable, -
Full Page Callendar (plugin)
- Change title input from
text
totextarea
, -
Lightbox
- Added
tabIndex
property for object property of image and now you can focus image with the tab key., -
Lightbox
- Added keyboard events for
open
close
andchange
image;
Improved documentation pages:
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:
- DataTable - Updated tests for MDBDataTableInfo and MDBDataTable,
- Lightbox - Updated Proptypes of img object property,
- Popover - Updated tests for refactored code;
Fixed:
- Button - Fixed gradient property for ButtonFixedItem,
- Dropdown - Fixed href props,
- LightBox - Changed the position of controls to fixed from absolute,
- Notification - Fixed import the style of toasts notifications
- Popover - Fixed change position of the arrow when popover change position,
- Timepicker - Fixed hours and minutes props. Now is posible to menage the component state to change MDBTimePicker time content;
Improved:
-
DataTable
- Added new prop
disableRetreatAfterSorting
, - Input - Added unit tests,
-
Modal -
Added new
disableFocusTrap
property, and when modal is open you can only focus elements inside modal, - Popover - Code was refactored for better performance,
- Rating - Code was refactored for better performance with feedback property,
- Scrollbar - Added unit tests,
- Switch - Added unit tests,
- Tooltip - Code was refactored for better performance,
-
Table Editable
- Added
onChange
andgetValue
properties to get edited data, - Timepicker - New dayTime props allow to menage day time ('am', 'pm') when using 12h timepicker.,
-
Imported new packages to dependencies:
- - focus-trap-react,
- - popper.js;
Improved documentation pages:
- Charts,
- DataTable,
- Hamburger Menu,
- Modal,
- Select,
- Sidenav,
- Table,
- Table Editable,
- Testimonials,
- Time Picker;
Thanks:
- 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:
- Rating - Added new component;
Fixed:
- DataTable - fixed DataTable
- LightBox - fixed tests with buttons to change image,
- Notification - fixed imported styles for the component,
- Select - fixed focus on component when you change element with tabulator;
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,
Improved:
- DataTable - Added new tests,
-
Inputs -
Added new property
labelId
and removedid
attribute imported from theid
property, -
NavLink
- Added
link
props to theNavLink
component. The default value isfalse
. If you would like to have a<Link />
component fromreact-router-dom
you have to set this prop on true; - Updated SASS/CSS - synchronized with MDB v.4.8.11
Improved documentation pages:
Thanks:
- 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:
- Props to change text in MDBSlimSideNav toggle button,
- Props to switch on/of touch gestures in MDBCarousel component;
Fixed:
-
DataTable
- change
pagingLabel
property name topaginationLabel
for typescript, -
SlimSideNav
- deleted default link in toggle button in
MDBSlimSideNav
component, - Waves - fixed touch gestures for mobile;
Improved:
-
Carousel
- added
mobileGesture
property for enable/disable touch gestures, -
SlimSideNav
- added
toggleNavLabel
property for changing default toggle button text;
Improved documentation pages:
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:
- Unit tests coverage for ChipInput
Fixed:
-
Carousel
- fixed
slide
property durning dynamic change true/false, -
Checkbox
- removed default
mr-5
class from component, -
DataTable
- fixed download and render data from
API
, -
Lightbox
- fixed import
MDBLightbox
fromMDBreact
by gitlab with token -
Radio
- removed default
mr-5
class from component,
Improved:
-
Alerts
- added
tag
property for component, -
ChipsInput
- added
handleAdd, handleRemove, getValue
properties for component, -
DataTable
- added
onSort, onSearch, onPageChange
methods andnoRecordsFoundLabel, noBottomColumns
property, -
Modal -
added
keyboard
property for disable keyboard bind, - Updated SASS/CSS - synchronized with MDB v.4.8.10
Improved documentation pages:
Thanks:
- 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:
- 25% of unit tests coverage(pro);
Improved:
- LightBox - code was refactored for better performance and look.
- Updated SASS/CSS - synchronized with MDB v.4.8.9
Improved documentation pages:
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:
- 100% of unit tests coverage(free);
Fixed:
-
Checkbox
- removed
my-3
class which was added by default, -
Chips
-
handleClose
method now returns deleted chip -
DataTable
- fixed issue when providing
(+, *, \ etc.)
symbols into search crashed the application.
Removedpadding-right: 15px
from DataTableHead whenscorllX
was passed withoutscrollY
property, -
Input Group
- added
getValue
andonChange
methods, -
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:
- DataTable - code was refactored for better perfomance,
react
- updated to v.16.9.0,- 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:
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:
- 90% of unit tests coverage(free);
Fixed:
- Select - disabled keyboard opening on mobile devices when the select component was opened,
- Switch - fix bug when onChange method was called twice;
Improved documentation pages:
Improved:
- Carousel - code was refactored for better perfomance,
- 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:
- Typescript support,
- Treeview - new free component;
Fixed:
- Datatables(free) - add margin to the select component,
- Datatables - change disable logic on pagination buttons(issue),
- Input - fix issue when event wasn't passed to onIconClick method;
Improved documentation pages:
Improved:
- Updated SASS/CSS - synchronized with MDB v.4.8.7,
Thanks:
- tf-venegas10 - for founded and fixed issue.
MDB 4.18.1
Release date:In this update we fixed bugs reported by our community and improved documentation.
Fixed:
- Animations - fixed issue of the reveal property if the component has been on the screen page after page load,
- Datatables - fixed issue of the select component position in datatable entries,
- Inputs - fixed issue of the tag prop,
- Modal - fixed issue of the backdrop while selecting text and release button outside the modal,
- Slider - fixed issue when passing a step property didn't change step values,
- Tooltips - fixed issue when button's onClick method didn't work,
- Waves effect - fixed issue when slide page and touching image on mobile;
Improved documentation pages:
- Animations
- Breadcrumb
- Buttons
- Buttons group
- Carousel
- Collapse
- Date picker
- Date picker
- Dropdown
- Grid usage
- Inputs
- Input group
- Popovers
- Responsive Tables
Add new documentation pages:
Improved:
- 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:
- InputGroup - added new component,
- Carousel - added new property onHoverStop: stops swiping images when image is hovered,
- Slider - added new property tag: change the type of the wrapping element,
- Input - added new properties onIconClick, onIconMouseEnter, onIconMouseLeave: sets appropriate events,
- Notifications - added new properties Icon, IconClassName: changes the default icon;
Fixed:
- Select - fixed issue when unchecking an option in uncontrolled multiple select triggered render method twice,
- Input - fixed issue when passed value={0} caused problems with label displaying,
- Stepper - fixed issue when passing an empty stepName property caused showing an empty icon;
Improved documentation pages:
Improved:
- Select - code was refactored for better perfomance,
- 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:
- Carousel - added touch gesture support,
- DataTable - added new property barReverse; swaps position of 'search' and 'show entries' elements,
- Select - added new property selectAllClassName; adds class to the Select All option;
Fixed:
- Carousel - fixed count of showing items in Multi-item carousel when use on small screens,
- DatePicker - fixed issue when click on the opened DatePicker caused closing the modal,
- Select - fixed issue when click on the label or disabled option caused closing the list of options,
- Select - fixed issue when setting disabled option by using keyboard set checked status to true,
- Select - fixed label position when there is no option selected;
Improved documentation pages:
- 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:
- Datatable - added new property className; adds class to the Datatable container,
-
Datatable
- added new column's property searchable; disables search in
column if set to
false
, - Notifications - added free version of the component;
Fixed:
- Select - fixed issue when selecting an option didn't update Select's input,
- Switch - fixed state updating methods;
Improved:
- Table Editable - improved for better perfomance,
- Updated SASS/CSS - synchronized with MDB v.4.8.2;
Improved documentation pages:
- Notifications - updated description and added new examples,
- Pills - updated description and added new examples.
- 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:
- Select/Multiselect - added new property required; important for a form submitting,
-
Datatable
- added new property sortRows; allows to use sort and search if
row's element is a component,
add direction for sorting arrows, - File Input - added new property reset; adds a button which can reset selected file/files,
- react-router-dom package was moved to the peerDependencies; it supports v5.0.0 from now; your own installation is required;
Fixed:
-
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, - Scrollbar - fixed import of PropTypes,
- Datatable - fixed bug with inner state update;
Improved:
- Notifications - improved for better perfomance,
- Webpack updated to v4.31.0,
- React Router Dom updated to v5.0.0,
- Rollup updated to v1.11.3,
- Babel updated to v7.4.4,
- 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,
- TypeScript was added for future improvements of TypeScript support,
- Updated SASS/CSS - synchronized with MDB v.4.8.1;
Improved documentation pages:
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:
- Select/Multiselect - added new material 2.0 outline design option, added keyboard control, added select all option, added un-check functionality,
- Inputs - added new material 2.0 background design option,
Fixed:
- Admin Dashboard - updated stylings and fixed many small bugs in dashboard's components (free version included),
-
Select -
fixed hardcoded
selected
prop; now you can set empty string, - Accordion - removed links from CollapseHeader,
- Autocomplete - updated lifecycle methods; now the component responds on the data updates,
Improved:
- Select - improved inner logic for better performance,
- Updated SASS/CSS - synchronized with MDB v.4.8.1
Improved documentation pages:
- 5 min Quick Start - refreshed quick start tutorial,
- Grid usage - updated code snippets,
- Navigation Compositions - updated code snippets,
- Select - extended overview and API sections,
- Inputs - extended overview and API sections,
- Charts - updated code snippets,
- 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:
Fixed:
- 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:
-
Dropdown
- component now has
dropleft
,dropright
properties, -
Collapse Header
- component now has
tagClassName
property, - SmoothScroll - component has been improved by styling and positioning properties,
-
View -
component now has
fixed
property - 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:
-
react-popper
was updated to the newest, 1.3.3 version, - Popovers, Tooltips and Dropdowns were built from scratch,
- Autocomplete component was completely refactored,
New:
- CSS usage - description for css customization has been added to the Quick Start,
- Forms API - API for the forms presentation page has been added,
-
SideNav
- new optional slim design has been developed - added
slim
prop which collapses sidebar vertically, leaving only the icons visible, addedshortcut
prop which lets you define how to display categories name when the slim prop is set to true
Fixed:
- Tooltip - now it supports fixed parent components,
- Admin Dashboard - fixed icons alignment inside sideNav,
- Select - fixed issue with search and icons,
- 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:
- Tooltip - component has been rebuilt to coop with every custom wrapper,
- Popover - component has been rebuilt to to coop with custom content and wrappers,
- File Input - cleaned up the components DOM template, added flip property for input's button,
-
SideNav
- sideNav is now scrollable by default, added swipe-out functionality
for smartphones and
showOverlay
property, addedfixed
property which fixes the sideNav, addedresponsive
prop which lets to decide if component should be responsive, - Autocomplete - component has been rebuild from scratch and gained features like keyboard control,
- Select - updated group separator,
- Dropdown - component has been rebuild due to react-popper update,
- 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:
- Button - Fixed bug with color of text within button
- QuickStart - new, improved QuickStart guide
- Carousel - Fixed small bugs with multi item carousels (both versions)
- Timelines - Fixed bugs with the timelines on mobile devices
- 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:
- React was updated to the newest, 16.8.1 version (contains Hooks API),
- Font Awesome was updated to the newest, 5.7.1 version (contains new icons),
New:
- Outline Inputs - Material 2.0 design,
- Scrollbar & Smooth Scroll - new SmoothScroll component, new Scrollbar examples,
- Masonry - new layout examples,
- Overflow - new overflow utilities documentation,
- Waves effect - new Waves effect documentation,
- Multiselect - new Multiselect documentation,
- Select - new separated documentation for Select and Multiselect,
- Navs - new Navs documentation,
- Loader/Spinner - new Spinners and Loaders components,
- Border - new border color utilities,
- Display - new responsive templates table,
- Text - new font weight text utilities,
- Spacing - new negative margin spacing utility,
Fixed:
- Select - now accepts dataset without `text` key, now you can preselect option by using prop `selected` or `checked`,
- Testimonial Carousel - class names updated, fixed active testimonial class,
- Popovers - onClick handler added to Popover element (dismiss popover when clicked),
- Navs - fixed `color` property - now simple `MDBNav` can be colorful,
Improved:
- Switch - updated Switch styling,
- Validation - added status icons inside validated inputs,
- 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:
- Bootstrap was updated to the newest version (bootstrap-css-only v.4.2.1)
New:
- Quick start guide and an official starter for Gatsby & MDB ,
- Quick start guide and an official starter for NextJS & MDB ,
- Blog components,
Fixed:
- Modal - fixed modal behaviour when the backdrop is hidden,
- CardImage - removed zoom property which was applied by default,
- Datatable - add a key binding for Page Items,
- Switch - default labels swapped places,
Improved:
- Switch production module bundler from Webpack to Rollup,
- Improved tree-shaking support,
- Updated SASS/CSS - synchronized with MDB v.4.7.0,
- 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:
- Font Awesome - updated to v.5.6.3, new icons search tool released,
- Search usage example,
New properties for icons:
- Icons,
- BreadcrumbItem,
- Autocomplete,
- SideNavCat,
- Inputs,
- TimelineStep,
- ButtonFixed & ButtonFixedItem,
Improved:
- 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,
-
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, - E-commerce - new examples and import fixes in the demo,
-
Cards
- added prop
zoom
for MDBCardImage, - Improved svg files imports by adding SVR loader,
- Whole documentation and demo pages have been updated to be consistent with MDB syntax guidelines,
- Updated SASS/CSS - synchronized with MDB v.4.6.1,
Fixed:
- Select's Search - repaired functionality to search through textContent, fixed errors,
- DatePicker - component wasn't updating inner state on value property change, it was rebuilt to alow usage as the controlled or the uncontrolled component,
- Col - bug fixes,
- 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:
- Select - resolved problem with displaying value and text content,
- Updated SASS/CSS - synchronized with MDB v.4.6.0
- 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:
Improved:
- Lots of Demo pages has met improves and new examples,
- Pagination - new size property,
- View - updated styles to display full screen container with centered background,
-
Select -
added property
searchLabel
andsearchId
which allows to manipule search input parameters; in Additional controlled Select improoved getTextContent method and added new option - text, - DataTable - improved search functionality,
- Scrollspy - refactored legacy refs, improved ref attribute,
- Validation & Inputs - added validation for Material Inputs,
- Updated PropTypes of labels - now the can accept not only strings, but also links or numbers,
- Updated SASS/CSS - synchronized with MDB v.4.5.16
Documentation:
New documentation standard with API and extended examples:
MDB 4.8.5
Release date:This version brings the next huge documentation update. We also fixed bugs reported by our community.
Improved:
- Select fixed bug when updating TextContent value; added props for Search label and id,
- List Group added properties for color manipulation,
-
Side Nav
added property
topLevel
for SideNavLink to turn on hover effects, - Chat repaired avatars links in demo
- Loader / Spinner renamed component
- Progress bar refactored component, added material styling and new properties for better component customization
- Updated SASS/CSS - synchronized with MDB v.4.5.15
Documentation:
New documentation standard with API and extended examples:
- Sidenav
- Tooltips
- Popovers
- Code
- Figures
- Icons Usage
- Icons List
- Images
- Typography
- Animations
- Colors
- Gradients
- Hover effects
- Masks
- Skins
- Shadows
- Background Image
- Gradient
- Pills
- Tabs
- Panels
- List Group
- Social Buttons
- Progress Bar
- Loader / Spinner
- Layout overview
- Media queries
- Utilities for layout
- Media object
- Spacing
- Sizing
- Position
- Visibility
- Vertival align
- Text
- Image replacement
- Embeds
- Float
- Close icon
- Display
- Borders
- Clearfix
- Clearfix
- Flexbox
MDB 4.8.4
Release date:Another large documentation update. We have also repaired some bugs and added new component.
Improved:
-
SideNav
- deleted
fixed
property - SideNav is fixed by default, to make it hidden usehidden
prop, you can now add onClick method to sideNavLink to dismiss sideNav, - Switch - added custom labels,
- Tabs - styling adjustement,
- Modal - extended footer to allow flex-positioning with props,
- Alerts - replaced as Notifications,
- Input Range - added steps,
- Updated demonstration pages to be consistent with MDB-prefix syntax,
- Refactored string Refs to be up to date with React API,
- Updated SASS/CSS - synchronized with MDB v.4.5.14
Fixed:
- TimePicker - bug with unreachable events,
- Input Range - removed deprecated methods and repaired bug with mismtached indicator,
- Problem with multiple React versions - prevent mdbreact from installing external react package inside user environment
New:
Documentation:
New documentation standard with API and extended examples:
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:
- TimePicker - more flexible component, which allows better customization
- Breadcrumbs - expanded functionality and internal improvements
- Reduced size of MDB package by almost 50%
- PRO package installation - mdbreact dependency is now delivered inside zip archive
- Navigation - links within whole documentation have been updated to the new standard
- Updated SASS/CSS - synchronized with MDB v.4.5.13
Fixed:
- Carousel Thumbnail - bug with displaying the element
- Select - problem with input value
- 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:
MDB 4.8.2
Release date:This time we focused on optimization, performance, bug fixes and improvements of the package.
Added:
Chat
Improved:
- Transitions - replaced deprecated motion package
- Modal - whole new, rewritten logic of the component
- Button - vanished unneeded functions
- SideNav - resolved problem with 'isOpen' property inside SideNav children
- TimePicker - resolved bug with getValue function
- NavbarBrand - reinvented the component to work as a NavLink
- Updated Create React App to v.2 within our npm template packages
- Reduced weight of MDB package Build by almost 60%
- Improved and expanded documentation
- 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:
Iframe
Timeline
Improved:
- Toast - removed dependencies to make component lighter
- Select - new options and improved lifecycle methods
- Datatble - new prop which allows to change language
- Editable Table - resolved problem with moving cursor in edit mode
- Button -fixed floating button bug
- Remove deprecated methods from our codebase
- 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:
-
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:
Hamburger Menu
Improved:
- Date Picker - added new feature which allows to change the language. Fixed infinite loop bug.
- Input - internal improvements.
- NavLink - improved waves effect.
- 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:
Double Navigation with fixed SideNav
SideNav & fixed Navbar
Improved:
-
Modal -
improved animation. Added
animation
prop which allows to define a direction of the animation. AddedhiddenModal
,hideModal
andshowModal
events. There are new templates and examples in React Demo App. -
Select and Multiselect
- got a
selected
prop which defines the default selection in a dropdown list. Got agetValue
andgetTextContent
function props, which return value/inner text of SelectOption component. Fixed bug concerning double select. -
Button
- got a
target
prop which controls what happens when link button is clicked. -
Navbar
- now, it is possible to change color of scrolling Navbar, using
color
prop along withtransparent
prop. - Navlink - got a waves effect.
- ExportToCSV - internal improvements.
- DatePicker - fixed icon bug concerning external resources, now everything is imported inside the component.
- Collapse - internal improvements.
- 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:
- SideNav - logic has been put deeper into the component, the "accordion effect" is now fully handled by the SideNavNav component
Added:
Animation
component, inc. wow.js-type revealingCard Group
component, inc. the deck-type rendering-
DataTable
component, inc. the ability to load up using external data
Improved:
-
Autocomplete
- got a
getValue
function prop - Carousel - fade effect added
- Dropdown - align issue fixed
- Inputs - internal improvements, inc. getValue function prop
- Multi-item Carousel - internal improvements
-
Select -
now uses the Context API. The selected value is accessible through the
getValue
prop -
SideNav
- got a
onOverlayClick
function prop, allowing to wire up custom logic to the backdrop click event - Tables - have been rewritten to require no additional package
- Webpack has been updated to 4.16.0 version
- Updated MDB to 4.5.8
MDB 4.6.1
Release date:With this version we've updated MDB to 4.5.7
Improved:
-
Fixed FireFox double click bug on
<Button>
component - 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:
In the above examples, we have moved the logic of components (functions, constructors) to their interiors.
Added:
- Chips
- Form validation
- Image Overlays Card
- Steppers
- Table Editable
- Table Pagination
- Table Responsive
- Table Scroll
- Table Search
- Table Sort
Improved:
- MDB update to 4.5.6
- FileInput onChange event
- TextField onFocus event
MDB 4.5.1
Release date:With this version we've updated MDB to 4.5.5
Changed syntax:
- Blog section v.4
- Cascading cards
- Classic tabs
- Ecommerce components
- Footers
- Product sections
Improved:
- 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:
- Autocomplete
- Flipping card
- Forms
- Numeric input
- Panels
- Search
- Stylish card
- Testimonial card
Changed:
- Grid update
Improved:
- Navigation links in Firefox
- Popover close
- Sidenav double-click fix
- 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:
- Blog section
- Contact section
- E-commerce section
- Features section
- Intros section
- Magazine
- Projects section
- Social buttons
- Social section
- Team section
- Testimonials section
Changed:
- Separated free and premium components
- Waves in CardImage is now optional
Improved:
- Carousel's slide efect
- Default state for Switch
- Input AutoFocus
- Popovers
- 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:
- Charts Pro
- Default Bootstrap's Inputs
- More variations of Modals
- Lightbox
- Carousels Pro
- Classic Tabs
- Double Navigation
- Scrollbar
- More versions of Buttons
- Sticky Content
Fixed:
- Input onChange issue
- Input's label
- Modal close issue
- Button onClick issue
Improved:
- Range input
- Inputs
- Collapse
- Font Awesome
- 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:
- Integration with React 16.2.0
- Integration with MDB 4.5.0 and Bootstrap 4.0.0 (stable)
- SCSS files
Fixed:
- Fixed "refs" issue
- Material Select issues
- Popovers
- NavLink issue
- Blinking Navbar issue
- Waves effect
- Modal Transition
Added:
- More versions of footer
Improved:
- Improved cards
- Dropdowns
- Fade component
- Scrollbar in SideNav
- Props in Masks
- Removed outline color on focus form buttons
- Usage of NavLink made easier
MDB 4.1.0
Release date:With this update, we've made MDB React even more stable
Fixed:
- Modals for React 16
- Import for create-react-app
- Popovers
Added:
- Video Carousel
Improved:
- Updated to React 16
- Updated to Bootstrap 4 beta-2
- Updated to MDB 4.4.3
- Build tools