Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

Vuetify: Warning when changing theme of <v-overlay>

I am pretty new to Vue.js and it’s my first time with vuetify!

For the login component, I use a <v-overlay>, that works fine, but it is by default in dark theme. My form was white, it is now black.

I try to use dark and light like in this documentation: https://vuetifyjs.com/en/api/v-overlay/

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

when I do: <v-overlay dark="false">, it works great by I got a warning: [Vue warn]: Invalid prop: type check failed for prop "dark". Expected Boolean, got String with value "false".
Same thing when I try: <v-overlay dark=false> without quotes

Anyone know why?

thanks a lot, and have a nice day!

>Solution :

In <v-overlay dark="false">, the property dark is passed as a string.

You should use rather:

<v-overlay :dark="false">

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading