purescript-halogen-transition

Currently only works with Halogen 5. I don't mind maintaining a Halogen 4 branch if there is any interest.

See a demo.

How to use

Please check examples folder. It's as simple as

import Halogen.Transition as Transition

data Query a
  = HandleTransition (Transition.Message Query) a

render state =
    HH.slot _transition unit Transition.component
    { enterClass: "simple-enter"
    , enterActiveClass: "simple-enter-active"
    , leaveClass: "simple-leave"
    , leaveActiveClass: "simple-leave-active"
    , shown: state.shown
    , render: HH.text "hello world!"
    } $ HE.input HandleTransition