MDBProReact - Serious Problems


Topic: MDBProReact - Serious Problems

shotokan pro asked 7 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!

Mikołaj Smoleński staff answered 7 years ago

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 7 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 7 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;

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