Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Is Material-UI compatible with MDB?

Uriel Chami free asked 5 years ago


Hey, there. We've been working with MDB for a while now, and there are some components that we would like to use from material-ui. ( https://material-ui.com/ ). We've seen material-ui in dev-dependencies of MDB project.

How does that work? Can we use directly stuff from material-ui without installing it? I also tried installing @material-ui/core, and it collided with MDB.


Konrad Stępień staff answered 5 years ago


Hi, I'm sorry for the misunderstanding. Material UI is a library independent from MDB Vue - you can use it in your project as long as you've it in your dependencies, but it's NOT a part of MDB React. The safest way would be to include it in your dependencies in package.json.


Konrad Stępień staff answered 5 years ago


Hey,

We are currently using material-ui/core in version 3.9.3, which will be updated to the latest version. And about bootstrap, we use the only css.

If there are any problems I can help you.


gejun free answered 5 years ago


same question, but for bootstrap instead of material-ui. If I need to use one of the libraries which is based on bootstrap, do I have to install the bootstrap dependencies? or since I already used MDB, I do not need to install the bootstrap any more?

There are many libraries that are based on Material-UI or bootstrap designs, by using MDB if I will still need to install material-ui or bootstrap, this makes it even more complicated now?


Uriel Chami free answered 5 years ago


Ok, thanks for the feedback @Konrad Stępień.

I'm still not clear about one of the questions: "Is material-ui consistent UX/UI-wise with what MDB offers? I mean, should we use both?". Just in case I will rephrase it (in case I was not clear enough).

Does MDB and Material-UI follow the same design pattern?

Apart from the fact that they are separate libraries, and the technical details about the package.json and dependencies etc etc.

Should we use both together and mix them? Is it a wise UX decision?


Uriel Chami free answered 5 years ago


Awesome! I see I can import stuff from @material-ui/core but not from any other path. For example I need a Slider, and the Slider is on @material-ui/lab.

Can we build the project without adding the dependency to our project?

Is material-ui consistent UX/UI-wise with what MDB offers? I mean, should we use both?

Also, is material-ui a core part of MDB, I mean, should we trust that the dependency will stay?


Konrad Stępień staff answered 5 years ago


Hi @Uriel Chami

MDBootstrap contains already Materia-ui. Just try to use this. You can look at https://material-ui.com/getting-started/usage/ for more details on how to use this.

Your regards, Konrad.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.13.0
  • Device: All
  • Browser: Chrome, Firefox, all.
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: Yes