oa/documentation/plugins/popover/popover-base-documentation.md

Text popover

Vuero ships with the <Tippy /> component from the VTippy library. It lets you create any type of popover with custom content. You can set the trigger to be a click event using the trigger="click" prop.

<template>
  <div class="buttons">
    <Tippy>
      <VButton>Hover me!</VButton>
      <template #content>
        Tooltip content
      </template>
    </Tippy>

    <Tippy trigger="click">
      <VButton>Click me!</VButton>
      <template #content>
        Tooltip content
      </template>
    </Tippy>
  </div>
</template>

Hover me!

Click Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eam tum adesse, cum dolor omnis absit

Click me!

Click Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eam tum adesse, cum dolor omnis absit