Merge pull request #13 from creativetimofficial/dev-main

Feature: update

Author: einazare

.gitignore

@@ -1,3 +1,2 @@
 /node_modules
 package-lock.json
-/dist

CHANGELOG.md

@@ -1,3 +1,11 @@
+## [0.0.13] 2020-12-10
+### Enhancements
+- Add `onClick` and `zIndex` prop for better control over the notifications. Check the `README` for more information.
+### Bug fixing
+- Updated peer dependecies
+- https://github.com/creativetimofficial/react-notification-alert/issues/7
+- https://github.com/creativetimofficial/react-notification-alert/issues/8
+
 ## [0.0.9] 2019-01-14
 ### Bug fixing
 - Updated peer dependecies

LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2017 Creative Tim
+Copyright (c) 2020 Creative Tim
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -14,7 +14,7 @@ You can import react-notification-alert in your application like so:
 
 After that, in your component render method add the following line:
 
-`<NotificationAlert ref="notificationAlert" />`
+`<NotificationAlert ref="notificationAlert" zIndex={1031} onClick={() => console.log("hey")} />`
 
 We've used `ref="notificationAlert"` property on the `NotificationAlert` tag to access this components properties.
 
@@ -29,6 +29,12 @@ Do not forget to import our styles in your project:
 import "react-notification-alert/dist/animate.css";
 ```
 
+## *zIndex*
+If you want to add a special zIndex to the notification, if not, `9999` will be set as default.
+
+## *onClick*
+This function will be called when the user clicks on a certain notification.
+
 ## *options* parameter
 
 This parameter has to be a javascript object with the following props:
@@ -41,6 +47,7 @@ var options = {
     icon: ,
     autoDismiss: ,
     closeButton: ,
+    zIndex: ,
 }
 ```
 
@@ -105,7 +112,7 @@ class App extends Component {
   render() {
     return (
       <div>
-          <NotificationAlert ref="notify" />
+          <NotificationAlert ref="notify" zIndex={9999} onClick={() => console.log("hey")} />
         <button onClick={() => this.myFunc()}>Hey</button>
       </div>
     );
@@ -132,5 +139,5 @@ npm install --save jquery
 [CHANGELOG]: ./CHANGELOG.md
 
 [LICENSE]: ./LICENSE.md
-[version-badge]: https://img.shields.io/badge/version-0.0.12-blue.svg
+[version-badge]: https://img.shields.io/badge/version-0.0.13-blue.svg
 [license-badge]: https://img.shields.io/badge/license-MIT-blue.svg