Notification

Notifications inform users of a process that an app has performed or will perform. They appear temporarily, towards the bottom of the screen. They shouldn’t interrupt the user experience, and they don’t require user input to disappear.


Usage

import { ItsyNotification } from '@itsy-ui/feedback';

const schema = {
  "message": {
    "text": "Your record is successfully saved!!"
  },
  "action": {
    "showCloseIcon": true
  },
  "metadata": {
    "delay": 3000,
    "placement": "bottomLeft"
  }
};

<ItsyNotification className="notification" schema={schema} />


API

name type default description
className String additional class name of root node.
style Object {} Inline style object
schema Object {} Schema which contains information to be displayed.


Schema API’s

name type default description
message object Notification message which encapsulated in text attribute
action object Enable actions like close button through showCloseIcon attribute
metadata object Define metadata information about notification.
  • delay - Auto close time delay
  • placement - Where the notification to be displayed


Compatibility

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
Edge last 2 versions last 2 versions last 2 versions last 2 versions