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>

https://ibb.co/e4DMyV
Tom,

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.

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 Vue
  • MDB Version: 4.6.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes