Ui-notification NPM

Ui-Notification is a simple vanilla js component for simple messages in the browser.

Install / Import

via npm

Install the package

npm install @neuland-agentur/ui-notification --save

import { init as UiNotifcationInit } from '@neuland-agentur/ui-notification';

via script

Download the file ui-notification.js in the js/dist/ folder and place it into your html file.

...
<body>

  ...
  <script src="ui-notification.js"></script>
  <script>
    // use here
  </script>

</body>

API

To create a notifcation component you just need to call the init function. There are three arguments. Title and subtitle needs to be passes into the function. The third one is an optional argument. Here you can pass your options. It returns the created prototype inheritance.

init(title <String>, subtitle <String>, config <Object>)

Here is an example with every available option with its default value.

  init(
    'Hello World',
    'This is a cool component',
    {
      root: document.querySelector('body'), // can be any html element
      shadow: false, // true | false
      closable: true, // true | falsses
      duration: null, // Number > 0 | null
      shouldDestroy: true, // true | false
    }
  );

create-element-lib

@infinitebrahmanuniverse/nolb-ui-n @everything-registry/sub-chunk-3005

1.0.0

5 years ago