JavaScript Library For Simple Animated Notify Bars – Biu.js

Preview:

Description:

Biu is a simple, lightweight JavaScript for creating animated, auto-dismissable notification bars to replace the native JavaScript alert() dialog boxes. Helps you display multiple types of notification bars at the top of the webpage to engage your visitors and deliver important messages.

Basic usage:

Load the biu.css in the head section of the document.

<link href="biu.css" rel="stylesheet">

Place the biu.js at the end of the document.

<script src="biu.js"></script>

Quick usage.

// default notitication that auto hides after a timeout (5000ms)
biu('I am a default notification')
// success notification
biu('success', 'I am a success notification')
// danger notification
biu('danger', 'I am a danger notification')
// success notification
biu('warning', 'I am a warning notification')
// info notification that always stays at the top of the webpage
biu('info', 'I am a info notification', false)

Default usage.

window.biuOpts = {
  // options
  height: '50px',
  lineHeight: '50px',
  top: '-55px',
  closeButton: 'x',
  delay: 5000
}
biu({
  // notification message
  text: 'hello there, done registered!',
  // success, default, warning, error and info
  type: 'success',
  // disable auto dismiss
  autoFade: false
  
})