Is Material-UI compatible with MDB?


Topic: Is Material-UI compatible with MDB?

Uriel Chami free asked 3 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 3 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 3 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 3 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 3 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 3 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 3 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
  • User: 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