teodosii / react-notifications-component

Delightful and highly customisable React Component to notify your users
https://teodosii.github.io/react-notifications-component/
MIT License
1.27k stars 73 forks source link

Sliding Exit and enter not working #53

Closed ashishnagpal2498 closed 4 years ago

teodosii commented 4 years ago

Need code to illustrate the issue, otherwise I'll consider it invalid and will close it.

ashishnagpal2498 commented 4 years ago
store.addNotification({
  title: "",
  message: "Hello"
  type: "success"
  insert: "top",
  width: 400,
  container: "top-right",
  animationIn: ["animated", "fadeIn"],
  animationOut: ["animated", "fadeOut"],
  slidingExit: {
    duration: 800,
    timingFunction: 'ease-out',
    delay: 0
  },
  slidingEnter: {
    duration: 1000,
    timingFunction: "ease-in",
    delay: 0
  },
  dismiss: {
    duration: 5000,
    showIcon: true
  }
})

I applied the entry and exit transition but it only fades.

teodosii commented 4 years ago

What exactly do you want to accomplish here? slidingEnter is used when notifications are being added, you control that transition, not animation. Animations are fade in, fade out - as in your example. It's not taking into consideration your duration at all for the transition?