Skip to content

Commit d613d0e

Browse files
Update README.md
1 parent b233b4c commit d613d0e

File tree

1 file changed

+46
-0
lines changed

1 file changed

+46
-0
lines changed

README.md

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,10 @@
77

88
[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)
99

10+
### DEMO
11+
12+
* [React-Alerts](http://divyanshurawat.me/react-alerts/)
13+
1014

1115
### Installation:
1216

@@ -24,6 +28,14 @@ First you have to wrap your app with the Provider giving it the alert template a
2428
import React, { Component } from 'react'
2529
import { render } from 'react-dom'
2630
import Alert from 'react-alerts-component'
31+
32+
const options = {
33+
margin: '10',
34+
width : "500",
35+
fontColor : 'black',
36+
backgroundColor : 'grey'
37+
}
38+
2739

2840
class App extends Component {
2941
render () {
@@ -36,3 +48,37 @@ First you have to wrap your app with the Provider giving it the alert template a
3648
render(<App />, document.getElementById('root'))
3749

3850
```
51+
52+
53+
## Options
54+
You can pass the following options as props to ``` <Alert /> ```:
55+
56+
```js
57+
58+
59+
const options = {
60+
type: String,
61+
message: String,
62+
margin: String,
63+
width : String,
64+
fontColor : String',
65+
backgroundColor : String
66+
}
67+
68+
```
69+
70+
Values that ``` type ``` can take are as follows:
71+
72+
* default
73+
* danger
74+
* warning
75+
* secondary
76+
* info
77+
* success
78+
* light
79+
* custom
80+
81+
82+
![alt tag](https://github.com/divyanshu-rawat/react-alerts/blob/master/assets/Screen%20Shot%202018-10-28%20at%202.51.39%20AM.png)
83+
84+

0 commit comments

Comments
 (0)