Material Dashboard React

Let's get to know each other! Take our developer survey, opened to coders everywhere! ๐Ÿ™๐Ÿป

Material Dashboard React

Free Material-ui Admin Template
· 4.90/5 (292 Reviews)

MIT License

54,376 Downloads
186 Comments
Community Support
6 months Updates
Release: 1 year ago
Update: 3 months ago

30 Handcrafted Components

2 Customized Plugins

7 Example Pages

Product certified by: Creative Tim

Upgrade to PRO Version

Get more power with Material Dashboard Pro React. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

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

We are here to help you!

186 Web Developers commented on this product

Github Docs FAQ Page

alanooper
  • downloaded
7 months ago

Hello Manu, I read the link, thank you. Still inclear how to edit / invoke dashboard.jsx paths according to the instructions. Can you post or email me the edited files since I think that the majority of the "Pro" customers will want this to be the default configuration? src/routes/index.jsx, src/routes/dashboard.jsx, src/routes/pages.jsx , ) src/routes/rtl.jsx, src/views/pages/RTLSupport.jsx Alan S. Cooper

alanooper
  • downloaded

Should I file a bug and upload my edited files instead?
7 months ago

robertoannazzaro31g
  • downloaded
7 months ago

How can I run it once i downloaded it?

einazare
  • owner

Hello @robertoannazzaro31g and thank you for your interest in working with our products. Here is a link to our live docs: https://demos.creative-tim.com/material-dashboard-react/#/documentation/tutorial . You will find what you need here. Best, Manu.
7 months ago

deepanagrawal6
  • downloaded
7 months ago

Hi Manu, How can I route from one login page on click of button to Dashboard Page. Earlier I was using hashHistory.push() but it's not working. Can you please help me?

einazare
  • owner

Hello there @deepanagrawal6 . Is this a PRO or a FREE issue? I am asking this because in our PRO product we have a Login page. Anyhow, I found this thread on stack overflow: https://stackoverflow.com/questions/42123261/programmatically-navigate-using-react-router-v4/43333330 . I believe this is what you were looking for. Let me know if it helped you. Best, Manu.
7 months ago

deepanagrawal6
  • downloaded

Hi Manu, This is free version issue.It helped.Thanks. Facing another issue, after navigating from login page to dashboard when trying to access different options from left panel example (user,typography,maps) it is again redirecting me to login page. Not able to understand why this behaviour is occuring. Please help me here.
6 months ago

einazare
  • owner

Hello again @deepanagrawal6 . Can you please open this issue on github? I will need some stuff from you and here on our comments sections we can not paste code. Best, Manu.
6 months ago

ousainoujaiteh
  • downloaded
6 months ago

Hi everyone I download the theme and am using with hyperledger fabric.I have input fields that take input from users and am using the CustomInput, but I don't how to set a name attribute for an a CustomInput and this is how am doing it inputProps={{ name: "address" }}. Please I need help

einazare
  • owner

Hello there @ousainoujaiteh and thank you for your interest in working with our products. It seems to me that you are doing it right. If you inspect the element, you do not see the prop on the input? I've just made a test with your example, and it showed in my browser. Just a little bit of an advice. Please, next time open an issue on Github if there is something about showcasing some code. As you can see our comments section here where not designed to use markdown or something that supports code snippets. Hope this information helps you. If you have any further questions, please let me know. Best, Manu.
6 months ago

ousainoujaiteh
  • downloaded
6 months ago

ok thank you for the advice, but still when i send request is not am always getting 422 error from the rest server.

einazare
  • owner

Hello again @ousainoujaiteh . From what server you get 422 error? From Github? Best, Manu.
6 months ago

ousainoujaiteh
  • downloaded
6 months ago

It is from the rest where can share the code for you to see.

einazare
  • owner

Hello again @ousainoujaiteh . You can open a ticket here with the issue: https://www.creative-tim.com/contact-us , or on Github here: https://github.com/creativetimofficial/material-dashboard-react/issues . Best, Manu.
6 months ago

alanooperu4g 6 months ago

How do you set the default string / text value in a CustomInput field? In material-ui is is "defaultValue". https://material-ui.com/api/input/ I did not see an example in your docs or code? <CustomInput labelText="Name" id="name" defaultValue="John" value="Jane" formControlProps={{ fullWidth: true }} /> Alan Cooper

einazare
  • owner

Hello there @alanooperu4g . As per our live docs here (https://demos.creative-tim.com/material-dashboard-react/#/documentation/inputs) you should use the inputProps to pass props as an object. So to pass a default value, you would need to do something like this: inputProps={{defaultValue: "yourValue"}}. Best, Manu.
6 months ago

alanooperu4g 6 months ago

Thank you Manu, it worked.

stanleyliu1006 6 months ago

@einazare I am trying to figure out how can i easily import your customized components sit in the src/components folder to my existing project, i am wondering can i packaging these components into node_modules folder, and import them into exisitng jsx file, or that not possible? Kind regards Stanley

einazare
  • owner

Hello there @stanleyliu1006 . You can use npm install --save material-dashboard-react and then import your components something like: import xx from "material-dashboard-react/dist/components/xx/xx" . As you can see, we haven't done a pretty good work with adding this product on npm, and this is because this product is a template / product, not a npm library. Best, Manu.
6 months ago

rafaelkillua
  • downloaded
6 months ago

Hello! I'm using version 1.5.0 (free) of this dashboard (btw, awesome!) and I notice one thing: In the Header component, specifically the makeBrand function, the navbarName doesn't show in dynamic URL paths. It doesn't match (/something/:id !== /something/1298192891). Is there something expected to you guys? Thanks!

einazare
  • owner

Hello there @rafaelkillua . Thank you for your interest in working with our products and your kind words. Unfortunately, you will need to change our function to your needs. In our next update, we'll add a default navbar brand name for this use case. Best, Manu.
6 months ago

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