@inkline/inkline/src/components/ITooltip/examples/placement.html

Inkline is the Vue.js UI/UX Library built for creating your next design system

<i-tooltip placement="top">
    <i-button>Top Tooltip</i-button>
    <template #body>Tooltip</template>
</i-tooltip>

<i-tooltip placement="bottom">
    <i-button>Bottom Tooltip</i-button>
    <template #body>Tooltip</template>
</i-tooltip>

<i-tooltip placement="left">
    <i-button>Left Tooltip</i-button>
    <template #body>Tooltip</template>
</i-tooltip>

<i-tooltip placement="right">
    <i-button>Right Tooltip</i-button>
    <template #body>Tooltip</template>
</i-tooltip>