MDBProReact - Serious Problems - Material Design for Bootstrap

Topic: MDBProReact - Serious Problems

shotokan pro asked 6 years ago

First lets start the half of the MDB Component are broke and i needed to rewrite them for working ok Second there is a big lack about documentation -- i didn't understand how do i use the Pro Version I Download the version from the site and there is few css files dist/css/mdb.css dist/scss/ public/css/mdb.css public/css/tooltip.css public/css-pro/bootstrap.css public/css-pro/mdb.css can you explain me which css files i need to use ???? in the index.js file i can see that there is only one import from /dist/css/mdb.css -- this file is created from sass-compile about the component there is a folder named pro inside you can find : ButtonFixed.js ButtonFixedItem.js and more others components that I'm lost here :( please try to release a more organised package and if you can please explain to me what is going on ! thanks!

Add comment

Mikołaj Smoleński staff answered 6 years ago

0 0 Best answer

Hi shotokan, 
Here are some important information about installing MDB React: https://mdbootstrap.com/react/react-bootstrap-getting-started/ 
For the MDB Pro version You'll have to follow steps: 
2. Add the necessary dependencies: 
<code>yarn add font-awesome@4.7.0 --exact</code> 
<code>yarn add bootstrap@4.0.0 --exact</code> 
<code>yarn add react-error-overlay@4.0.0 --exact</code> 
5. Inside src/index.js file make the necessary imports right beneath the <code>import ReactDOM...</code> statement:
<pre><code class=" language-javascript">import 'font-awesome/css/font-awesome.min.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'mdbreact/docs/css/mdb.min.css';</code></pre>
6. Import components you like from the menu on the left into your App.js file from <code>mdbreact</code>, apply them in its <code>render()</code> method, hit <code>yarn start</code> and tweak for yourself!
Regards

Please insert min. 20 characters.

Hi shotokan,
Here are some important information about installing MDB React: https://mdbootstrap.com/react/react-bootstrap-getting-started/
For the MDB Pro version You'll have to follow steps:
2. Add the necessary dependencies:
yarn add font-awesome@4.7.0 --exact
yarn add bootstrap@4.0.0 --exact
yarn add react-error-overlay@4.0.0 --exact
5. Inside src/index.js file make the necessary imports right beneath the import ReactDOM... statement:

import 'font-awesome/css/font-awesome.min.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'mdbreact/docs/css/mdb.min.css';

6. Import components you like from the menu on the left into your App.js file from mdbreact, apply them in its render() method, hit yarn start and tweak for yourself!

Regards

shotokan pro commented 6 years ago

what you explain is just generic answer and not relevant to what i wrote :/ you have big mess with the package you providing ... i am trying to make an order your talking about X and there is a Big Y inside the pro package -- how can i get a refund please ???

Mikołaj Smoleński staff commented 6 years ago

My answer was hardly connected with Your question. 1. Firstly, You've asked about css files. As I wrote above - css files are loaded from each package separately (bootstrap, font-awesome, and mdb). Only one css file is in fact imported from the MDB Package - it is 'mdbreact/docs/css/mdb.min.css'. 2. Secondly, I wrote how to import the component from our package. I can add that importing components is as simply as it can be. For example: import { Button } from 'mdbreact'; const ButtonPage = (props) => { return( Primary ); }; export default ButtonPage;

Add comment

Write

Create snippet

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: Pro
Premium support: No
Technology: MDB React
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

shotokan

Pro User 0Support score
1Questions 0Answers 0Snippets