Do you need Angular, React, Vuejs or HTML? For the next days, you can get our awesome Bundles with 70% discount! ๐Ÿ”ฅ

Material Dashboard Pro React

Material Dashboard Pro React

Premium Material-ui Admin
· 4.90/5 (147 Reviews)

License

2,324 Downloads
294 Comments
Premium Support
6 months Updates
Release: 1 year ago
Update: 2 months ago

200 Handcrafted Elements

10 Customized Plugins

8 Example Pages

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Material Dashboard Pro React in the light demo version. It has features from the full version. We hope you will like this introduction to this product!

What is in Demo?
  • Elements · 30
  • Plugins · 2
  • Examples Pages · 7
  • -
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 200
  • Plugins · 10
  • Example Pages · 8
  • + Documentation
  • + SASS Files
  • + Photoshop Files
  • + Sketch Files
Get Free Demo

We are here to help you!

294 Web Developers commented on this product

Github Docs FAQ Page

jariuuskonenl5a
  • downloaded
4 months ago

@einazare , Hi, We have the React bundle with Material-Dashboard-Pro-React v.1.4 and we have built our website on top if it. Do you have any advise on how to update to latest version (v.1.5)? Thanks in advance! -Jukka

einazare
  • owner

Hello again, @jariuuskonenl5a . Here is what I would do: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/89#issuecomment-428503577 . Hope this is of help. Best, Manu.
4 months ago

derektumulak
  • downloaded
3 months ago

I've recently run into this issue documented here: https://github.com/material-components/material-components-web-react/issues/165 It has to do with the floating label overlapping with input values. Is there a best practice or upgrade for fixing this? Thanks, -Derek

einazare
  • owner

Hello there @derektumulak . For this issue please open a Github issue here: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues . I am not sure what the steps are to reproduce your issue.
3 months ago

derektumulak
  • downloaded
3 months ago

Are there any examples or best practices for making the Admin navbar dynamic? I want to be able to show different menu options depending on the role of the person logged in. Thanks! -Derek

einazare
  • owner

Hello again @derektumulak . Here is a link that might help you: https://reactjs.org/docs/conditional-rendering.html. All the best, Manu.
3 months ago

agalanov
  • downloaded
3 months ago

Hello Last week I messaged you about a bug and refund, but still, haven't received an answer.

einazare
  • owner

Hello there @agalanov . Thank you for your interest in working with our products. Sorry for the late responses. These past weeks we've had the Catholic (https://www.calendar-12.com/holidays/easter) and Orthodox (https://www.officeholidays.com/religious/orthodox/orthodox_easter.php) Easter Holidays, and we've had some days off. My colleagues from the Marketing & Sales department, as well as those from the Administrative department, have taken some days off until the end of this week (Since we are free on 1st of May as well - labor day). You will get a response from my colleagues next week. Once again sorry for the late response. Best, Manu.
3 months ago

derektumulak
  • downloaded
3 months ago

Thanks for the responses Manu. I'll take a look based on your feedback.

derektumulak
  • downloaded
3 months ago

Is there a best practice for updating the SideBar (or even other components) without having to refresh the entire page? Thanks -Derek

einazare
  • owner

Hello again, @derektumulak . Are you referring to the fact that each time you make a change in the project, the change immediately takes effect in the browser? If this is the case, then the answer is no, you cannot change this behavior. It is the default behavior from the create-react-app. And to be honest, I am not sure how you would do it by using webpack instead of create-react-app. Webpack has kind of this default behavior as well. The only thing I can think of would be to stop the server and open it again. Best, Manu. Trying to help the open source community: << https://medium.freecodecamp.org/how-to-use-reactjs-with-webpack-4-babel-7-and-material-design-ff754586f618 >>, << https://medium.freecodecamp.org/how-to-use-redux-in-reactjs-with-real-life-examples-687ab4441b85 >>, << https://medium.freecodecamp.org/how-to-connect-a-react-design-system-with-firebase-and-redux-9646ca1c733f >>, << https://www.youtube.com/watch?v=raKV5Rb8oOM&list=PLWxSJr7LCl87rGlQtTo2PoX8hboUU0R8a >>, << https://www.youtube.com/watch?v=no2PD2kq-dE&list=PLWxSJr7LCl87OomktWFQVW30QDWtBqFlx >>, << https://www.udemy.com/learn-reactjs-with-webpack-4-babel-7-and-material-design/ >>. If you've liked what you saw, help me with a comment, like, share or subscribe.
3 months ago

derektumulak
  • downloaded
3 months ago

Hi Manu, sorry about not being clearer in my last question. It's not the browser refreshing when I make a change to the project. It is more finding a way to signal to the sidebar component that some of the underlying data has changed due to an end user action so the sidebar can refresh accordingly. Thanks, -Derek

einazare
  • owner

Hello again, @derektumulak . I think you could make use of the componentDidUpate inside the Sidebar component. Best, Manu.
3 months ago

derektumulak
  • downloaded
3 months ago

Are there any examples for using the Wizard? In the documentation I see the following: "You can pass props in which ever form you want from one step to another by using the sendState() function in your step of this component. You can than acces in your step component that data through allStates prop." I would like to be able to grab all the state variables at the end an not sure how to do this. Thanks in advance! -Derek

einazare
  • owner

Hello again @derektumulak .Please refer to these links: <<https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/128>> and <<https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/170>>. All the best, Manu.
3 months ago

jonastrand2dn
  • downloaded
3 months ago

Hi, react tables in the live example (as well as in my project) is not working as expected, changing the with of the columns breaks the view. Is this a known issue, and do you have any thoughts on how to fix it?

einazare
  • owner

Hello there, @jonastrand2dn . Thank you for your interest in working with our products. This is not a known issue. Could you please open a Github issue here: https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues . Giving us all the detailed steps to reproduce your issue? Thank you, Manu.
3 months ago

jonastrand2dn
  • downloaded

@einazare Done! https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/171
3 months ago

einazare
  • owner

Hello there @jonastrand2dn . Added a reply there. Please leave the issue opened. Best, Manu.
3 months ago

derektumulak
  • downloaded
3 months ago

I looked at some of the Wizard links and am not sure of the specific syntax for how to use sendState() to pass parameters and to retrieve them using allStates. Would it be possible to provide a few lines of sample code for how this would be done? The documentation is light in this area. Thanks you, -Derek

einazare
  • owner

Hello again @derektumulak . Please refer to this links here: <<https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/170>>, <<https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/128>>, <<https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/127>>, <<https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues/12>>. Let me know if that helped you. Also, please use our Github link when opening this kind of issues, it is easier there to provide code (also, do not forget to search if the issue you want to open, hasn't been already opened by someone else): <<https://github.com/creativetimofficial/ct-material-dashboard-pro-react/issues>>. Best, Manu.
3 months ago

You have to be logged in to post a comment. Login here.