Skip to content

Easily use Headless UI with Floating UI to position floating elements.

License

Notifications You must be signed in to change notification settings

ycs77/headlessui-float

Repository files navigation

Headless UI Float

Easily use Headless UI 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, making this package unnecessary.

Features

  • 💙 Easily use Headless UI & Tailwind CSS
  • 💬 Floating UI (New version Popper.js) position floating elements
  • 🔔 Auto-update floating elements
  • ♾️ Support Transition
  • 🚪 Support Portal
  • ➡️ Support Arrow

Documentation

Documentation | 繁體中文文檔

Packages

Name Version Downloads
@headlessui-float/react NPM Version NPM Downloads
@headlessui-float/vue NPM Version NPM Downloads
@headlessui-float/nuxt NPM Version NPM Downloads

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.

Become a Patron

Credits

License

Under the MIT LICENSE