Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Button slots doesn't work in MDBVue

Tom Brouwer free asked 6 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 6 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

  • ForumUser: 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