<template>
  <div class="demo-popup-content">
    <hive-popup
      trigger-type="hover"
      direction="bottom left"
    >
      <div class="demo-popup-content">
        <ul>
          <li>item 1</li>
          <li>item 2</li>
          <li>item 3</li>
          <li>item 4</li>
        </ul>
      </div>
      <template v-slot:trigger>
        <hive-button>popup</hive-button>
      </template>
    </hive-popup>
  </div>
</template>
