Package detail

Headless UI Float Vue

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

[!NOTE] Headless UI has released version 2.0 (currently for React only), which builds in anchor positioning with Floating UI. Therefore, this package will be unnecessary when Headless UI v2 supports Vue.

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

Documentation

Documentation | 繁體中文文檔

Sponsor

If you think this package has helped you, please consider Becoming a sponsor to support my work~ and your avatar will be visible on my major projects.

Credits

• Headless UI
• Floating UI
• This package is inspired by the headlessui#154 example

License

Under the MIT LICENSE