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