Topic: [Vue warn]: Unknown custom element: <mdb-footer>
jay2jam pro asked 6 years ago
Hello,
i created a Vue component an copied the teal footer code in it, now i get this messages:
[Vue warn]: Unknown custom element: <mdb-footer>
Unknown custom element: <mdb-container>
Unknown custom element: <mdb-row>
Unknown custom element: <mdb-col>
and so on ....
What do i have to do?
Rgds
Stefan
Mikołaj Smoleński staff answered 6 years ago
Hi there Stefan,
You probably missed components import statement. In Your case it should look like this:
<script>
import { mdbFooter, mdbContainer, mdbRow, mdbCol, mdbIcon } from 'mdbvue';
export default {
name: 'FooterPage',
components: {
mdbFooter,
mdbContainer,
mdbRow,
mdbCol,
mdbIcon
}
};
</script>
Every time You use one of our components You need to import it similarly to the above's example.
Best regards
Mikołaj Smoleński staff answered 6 years ago
Hello jay2jam,
You can change background in two ways:
<div style="background-color: #21d192">RgdsStefan</div>
or
<mdb-footer color="teal"></mdb-footer>
Best regards
jay2jam pro answered 6 years ago
Hello Mikolaj,
almost working :-) Thx for your reply.
The backgroundColor attribute is unknown in teal footer:
<div style="backgroundColor: '#21d192'">
Rgds
Stefan
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB Vue
- MDB Version: 4.8.2
- Device: Mac
- Browser: Chrome
- OS: Mojave
- Provided sample code: No
- Provided link: No