Topic: Unexpected behavior when using "dark" property on "mdb-Card"

Allabreve free asked 4 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>

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?

Mikołaj Smoleński staff commented 4 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

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • 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