Button slots doesn't work in MDBVue

Topic: Button slots doesn't work in MDBVue

Tom Brouwer free asked 3 years ago

Hi! I've installed MDBvue package. I loaded the docs in my Vue app. But the text in de buttons doesn't apear. Also the forms are not styled correctly. This is from the docs files in the mdbvue package:
<btn color="primary" size="lg">Primary button</btn>
<btn color="info" size="lg">Info button</btn>
<btn color="success" size="lg">Success button</btn>
<btn color="danger" size="lg">Danger button</btn>
<btn color="warning" size="lg">Warning button</btn>


Mikołaj Smoleński staff answered 3 years ago

Hi there, It looks very strange. Do You have any errors in Your console (F12)? Have You added our css file in main.js directory? It should look like this:
import 'bootstrap-css-only/css/bootstrap.min.css';
import 'mdbvue/build/css/mdb.css';
import Vue from 'vue';
import App from './App';
import router from './router';
  Best Regards
Please insert min. 20 characters.


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



Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 4.6.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes