oa/documentation/plugins/popover/popover-position-documentation.md at main

svcm/oa

mirror of https://git.hmsn.ink/kospo/svcm/oa.git synced 2026-03-20 06:13:35 +09:00

Files

bangae1 62abbcf4eb first

2025-05-24 01:49:48 +09:00

4.0 KiB

Raw Permalink Blame History

<Tippy /> popovers can have different positions. Use the placement props to set your popover placement. Available options are top, top-end, bottom, bottom-end, left, left-end, right and right-end.

<template>
  <Tippy placement="top">
    <VButton>Top</VButton>
    <template #content>
      <div class="v-popover-content is-text">
        <div class="popover-head">
          <h4 class="dark-inverted">
            Top
          </h4>
        </div>
        <div class="popover-body">
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
      </div>
    </template>
  </Tippy>
</template>

Top