Topic: how to add class in header in popovers

wuohyeah priority asked 1 month ago

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

Bartosz Cylwik staff answered 1 month 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.


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



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