Describe the use of container props #1076

Activity

1. mrleblanc101 commented on Apr 10, 2025

   

   mrleblanc101

   on Apr 10, 2025

   ContributorAuthor

   More actions

   In my case, I wanted the tooltip to be inside the element it's binded to, using container: false would put the tooltip inside the parent.

   <UButton
       id="emergencyStop"
       v-tooltip.bottom="{
           content:
               'Watch the antenna closely during the alignment. Use the emergency stop to prevent the antenna from colliding with an external object.',
           theme: 'danger',
           popperClass: 'max-w-[25rem] w-[25rem] text-base text-left font-normal',
           triggers: [],
           shown: true,
           container: '#emergencyStop',
       }"
   />

   Relates to #1075