fade on clicking the message

[egoist]

eg:

biu({
  text: 'hello there, done registered!',
  type: 'success',
  fadeOnClick: true
})

plus, when fadeOnClick is set to be true, the message won't be automatically hidden.

[calmdev]

Yo, can we reopen this? I think it's a good option. Maybe the two options should work independently of each other though. That way we can enable both auto hide + fade on click at the same time. Right now there is behavior issue where if you keep clicking on the message it will never close. I haven't looked into fixing that, but was able to add fade on click.

My use case is for large view ports (2560x1440). The content is centered in a container with max width, but when appending biu to the body, gotta move the mouse 500ft to the right to click "x" close the message, or wait for it hide before being able to access whatever's behind it again. Would be convenient to speed that up with a click on message.