mdbIcon not working


Topic: mdbIcon not working

Mbrkzn asked 5 years ago

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.)


Magdalena Dembna staff premium commented 5 years ago

Please provide a code snippet and console error screenshot. Best regards, Magdalena


Mbrkzn answered 5 years ago

   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


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: 6.5.0
  • Device: PC
  • Browser: chrome 82
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No