Topic: how to add class in header in popovers

wuohyeah priority asked 5 months ago


https://mdbootstrap.com/docs/vue/components/popovers

I want to add class in header template, but it's not working.

Expected behavior enter image description here

Actual behavior enter image description here Resources (screenshots, code snippets etc.)

<template #header class="bg-secondary text-light">
   Popover title
</template>

Bartosz Cylwik staff answered 5 months ago


Adding class to the template would not work. You either have to wrap the text in some html element (like div), then add some classes to it or add styles to the .popover-header class via css.

The first option may not add the background properly, because the popover-header has some padding so it's good to keep it in mind.



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

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 5.0.0
  • Device: pc
  • Browser: chrome
  • OS: windows 10 pro
  • Provided sample code: No
  • Provided link: Yes