diff options
| author | Indrajith K L | 2017-12-19 14:21:29 +0530 |
|---|---|---|
| committer | Indrajith K L | 2017-12-19 14:21:29 +0530 |
| commit | c0eb82f55a40f64025800c0ad2b6a05290576337 (patch) | |
| tree | cce2a386dea2508de10d6a6bb58f492329173434 /docs | |
| parent | ab0d224a293dfb2e6f2f70fd1f8180f6957c15be (diff) | |
| download | vanilla-yo-notification-c0eb82f55a40f64025800c0ad2b6a05290576337.tar.gz vanilla-yo-notification-c0eb82f55a40f64025800c0ad2b6a05290576337.tar.bz2 vanilla-yo-notification-c0eb82f55a40f64025800c0ad2b6a05290576337.zip | |
Now supports
* type arguments,
* positional parameters and
* html as content
* Documentation updates
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/.nojekyll | 0 | ||||
| -rw-r--r-- | docs/CNAME | 1 | ||||
| -rw-r--r-- | docs/README.md | 84 | ||||
| -rw-r--r-- | docs/index.html | 21 |
4 files changed, 106 insertions, 0 deletions
diff --git a/docs/.nojekyll b/docs/.nojekyll new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/docs/.nojekyll diff --git a/docs/CNAME b/docs/CNAME new file mode 100644 index 0000000..3c947d3 --- /dev/null +++ b/docs/CNAME @@ -0,0 +1 @@ +libvyn.indrajith.surge.sh
\ No newline at end of file diff --git a/docs/README.md b/docs/README.md new file mode 100644 index 0000000..a9c706e --- /dev/null +++ b/docs/README.md @@ -0,0 +1,84 @@ +VYN +=================== + + +**Vanilla-Yo-Notification(VYN)** is a light-weight **ES6** compatible **javascript** growl like notification library (JQuery Free). + +---------- + +Installation +------------- + +>You have the following options to get **VYN** + +> - Clone the repo to get all source files including build scripts: + >``` git clone https://bitbucket.org/indrajithkl/vanilla-yo-notification``` +> - Download directly from bitbucket +> ``` https://bitbucket.org/indrajithkl/vanilla-yo-notification/downloads/``` + +what ever you can find the compiled file in the dist folder. Since VYN is ES6 compatible you can import it into any js files and can be included in the html script tag. + +Usage +-------- +You can initialize VYN via Javascript using +``` +// javascript +var vyn = new VYN(); +``` +There is an optional parameter for the constructor for positioning the notification. + +example : +``` +var vyn = new VYN({ + position: ['top','right'] + }); +``` +default values for position is **['bottom', 'right']** + +So to show a notification using VYN you can now use the instance of VYN. +like +``` +vyn.show({ + title: 'Notification Title', + content: 'Hi this is a message', +}); +``` + +VYN supports three types of notifications **success**, **warning** & **error**. Each has similar function signature and expects a configuration object as parameter. + +### Config +Config is a javascript literal should be of the following format. +``` json +{ + title: string, + content: string, + footer: string(optional), + type: string, + position: string array, + timeout: number in millisecond +} + +``` + +### title : string +title field is a string property, which is supposed to be the title of the notification. + +### content: string +content is the message which should be the main content of the notification. You can also specify html as a content but should be in string format. + +### footer: string +footer filed is the content which comes below the bottom of the notification. This is an optional field. + +### type: string +type filed expects the following string as its value **'success', 'warning' & 'error'**. Default value is '**success'**. + +### position: Array +position filed expects an array of two values. This determines where the notification should be shown. The possible values are **'top', 'bottom', 'left', 'right'** + +### timeout: number +number filed is the one which determines how much time notification should be visible. It expects time in **milliseconds**. Default value is *6000ms(6s)* + + +### Support ME + +[](https://ko-fi.com/R6R36EBQ)
\ No newline at end of file diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..747731f --- /dev/null +++ b/docs/index.html @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <title>vanilla-yo-notification</title> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> + <meta name="description" content="Description"> + <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> + <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css"> +</head> +<body> + <div id="app"></div> + <script> + window.$docsify = { + name: 'vanilla-yo-notification', + repo: '' + } + </script> + <script src="//unpkg.com/docsify/lib/docsify.min.js"></script> +</body> +</html> |