<template>
  <tiny-popover
    placement="top-start"
    title="标题"
    :width="width"
    trigger="hover"
    content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"
  >
    <template #reference>
      <tiny-button>悬浮我看效果</tiny-button>
    </template>
  </tiny-popover>
</template>

<script>
import { TinyPopover, TinyButton } from '@opentiny/vue'

export default {
  components: {
    TinyPopover,
    TinyButton
  },
  data() {
    return {
      width: '200'
    }
  }
}
</script>
