Topic: mdbIcon not working
Expected behavior mdbIcons not working in vue,
import { mdbFooter, mdbContainer, mdbRow, mdbCol,mdbIcon ,mdbBtn } from 'mdbvue'; components: { mdbIcon, mdbFooter, mdbContainer, mdbRow, mdbCol, mdbBtn },
Actual behavior
Resources (screenshots, code snippets etc.)
fa-camera-retro
import { mdbCard, mdbCardImage, mdbCardBody, mdbCardTitle, mdbCardText, mdbContainer, mdbBtn, mdbIcon, mdbRow, mdbCol, mdbInput, mdbToastNotification } from "mdbvue";
import {mapGetters} from 'vuex'
export default {
name: "login",
components: { mdbContainer, mdbBtn, mdbIcon, mdbRow, mdbCol, mdbInput, mdbCard, mdbCardImage, mdbCardBody, mdbCardTitle, mdbCardText, mdbToastNotification,
}
}
no errors in console, icons are not displayed
Magdalena Dembna staff premium commented 5 years ago
First of all, this is not a complete snippet - I cannot see your template, for example. In the future, use the code formatter - it improves readability.
You can find an example with an icon here: https://mdbootstrap.com/docs/vue/content/icons-usage/#basic-usage - copy both template and script content to your component (fa-camera-retro is not a valid template). If this example from the documentation doesn't work as well, it can be connected to a missing font-awesome import. In order to help I will need to see the entire .vue file, both script and template tags. Best regards, Magdalena
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: 6.5.0
- Device: PC
- Browser: chrome 82
- OS: windows 10
- Provided sample code: No
- Provided link: No
Magdalena Dembna staff premium commented 5 years ago
Please provide a code snippet and console error screenshot. Best regards, Magdalena