Headless UI Float Vue

Easily use Headless UI for Vue 3 with Floating UI (New version Popper.js) to position floating elements.

NPM Version Software License NPM Downloads

## Features * πŸ’™ Easily use Headless UI & Tailwind CSS * πŸ’¬ Floating UI (New version Popper.js) position floating elements * πŸ”” Auto-update floating elements * ♾️ Support Transition * πŸšͺ Support Portal (Teleport) * ➑️ Support Arrow ## Demo [**Online Demo**](https://stackblitz.com/github/ycs77/headlessui-float/tree/main/examples/example-vue?file=src%2FApp.vue) ## Documentation [Documentation](https://headlessui-float.vercel.app/) | [繁體中文文ζͺ”](https://headlessui-float.vercel.app/zh-tw/) ## Sponsor If you think this package has helped you, please consider [Becoming a sponsor](https://www.patreon.com/ycs77) to support my work~ and your avatar will be visible on my major projects.

Become a Patron ## Credits * [Headless UI](https://headlessui.dev/) * [Floating UI](https://floating-ui.com/) * This package is inspired by the [headlessui#154 example](https://github.com/tailwindlabs/headlessui/issues/154) ## License Under the [MIT LICENSE](LICENSE.md)