@headlessui-float/nuxt

Headless UI Float Nuxt

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

[!WARNING] This package is unmaintained due to lack of time. It should mostly work but do not expect fixes or new features.

[!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

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