# Getting started
floating-vue is a library helping you add tooltips, dropdowns and other poppers into your Vue application.
# Sponsors
Thank you to my sponsors allowing me to spend more time on Open Source projects! 🙏️
# Quick start
- Install the package:
- Add the plugin into your app:
import FloatingVue from 'floating-vue'
app.use(FloatingVue)
- Add the default style:
import 'floating-vue/dist/style.css'
- Use the
v-tooltip
directive:
<button v-tooltip="'You have ' + count + ' new messages.'">
Learn more about the directive
- Use the
VDropdown
orVMenu
component:
<VDropdown>
<!-- This will be the popover target (for the events and position) -->
<button>Click me</button>
<!-- This will be the content of the popover -->
<template #popper>
<MyAwesomeComponent/>
</template>
</VDropdown>