ycs77 / headlessui-float

Easily use Headless UI with Floating UI to position floating elements.
https://headlessui-float.vercel.app
MIT License
344 stars 12 forks source link

Transition name & type #17

Closed ycs77 closed 1 year ago

ycs77 commented 1 year ago

close #15

Add transition-name and transition-type props for Float Vue.

Usage

Use named transition classes to define transition styles:

<Float transition-name="fade">

The corresponding class:

<style>
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
</style>