@headlessui-float/vue
v0.15.1TypeScript
Easily use Headless UI for Vue 3 with Floating UI (Popper.js)
0/weekUpdated 5 months agoMITUnpacked: 144.0 KB
Published by ycs77
npm install @headlessui-float/vueHeadless UI Float Vue
Easily use Headless UI for Vue 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
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