Topic: Unexpected behavior when using "dark" property on "mdb-Card"
                  
                  Allabreve
                  free
                  asked 5 years ago
                
I found a unexpected behavior when trying to turn a light card into a dark one
Expected behavior
Using "dark" property on card changes light card into dark one
Actual behavior
Nothing changes. (There isn't even a style associated with the class card-dark)
The card stays light
Resources (screenshots, code snippets etc.)
<mdb-card dark>
    ...
</mdb-card>
I'm using MDB on an existing project running with vue-cli template and typescript enabled.
I know the documentation recommends using "dark" in conjunction with
<mdb-card-body color="elegant" class="white-text">
but I think this doesn't serve the purpose of using templates. (it introduces more boilerplate code)
Is this behavior intentional?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Opened
- ForumUser: Free
 - Premium support: No
 - Technology: MDB Vue
 - MDB Version: 6.7.1
 - Device: Desktop
 - Browser: Firefox
 - OS: Win 10
 - Provided sample code: No
 - Provided link: No
 
Mikołaj Smoleński staff commented 5 years ago
Thanks for your remarks. Currently it's necessary to use card-body properties to change mode of the card. We'll cosinder changes according to your suggestions.
Best regards