Button slots doesn't work in MDBVue

Topic: Button slots doesn't work in MDBVue

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

Add comment

Mikołaj Smoleński staff answered 5 years ago

0 0 Best answer

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

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

Tom Brouwer

10Support score
2Questions 0Answers 0Snippets