		{
		"name": "react-alerts",
		"version": "0.0.2",
		"version": "0.1.0",
		"description": "A simple react component for displaying Alert banners.",
		"main": "src/index.js",
		"main": "dist/react-alerts.js",
		"scripts": {
		"build": "webpack -p",
		"build": "NODE_ENV=development && webpack",
		"deploy": "NODE_ENV=production && webpack -p",
		"test": "echo \"Error: no test specified\" && exit 1",
		@@ -13,3 +14,3 @@ "watch": "webpack --progress --colors --watch"
		"type": "git",
		"url": "git+https://github.com/dennisduong/react-alert.git"
		"url": "git+https://github.com/dennisduong/react-alerts.git"
		},
		@@ -23,14 +24,14 @@ "keywords": [
		"bugs": {
		"url": "https://github.com/dennisduong/react-alert/issues"
		"url": "https://github.com/dennisduong/react-alerts/issues"
		},
		"homepage": "https://github.com/dennisduong/react-alert#readme",
		"homepage": "https://github.com/dennisduong/react-alerts#readme",
		"devDependencies": {
		"babel-core": "6.4.0",
		"babel-loader": "6.2.1",
		"babel-plugin-syntax-object-rest-spread": "6.3.13",
		"babel-preset-es2015": "6.3.13",
		"babel-preset-react": "6.3.13",
		"react": "0.14.6",
		"webpack": "1.12.11"
		"babel-core": "^6.4.0",
		"babel-loader": "^6.2.1",
		"babel-plugin-syntax-object-rest-spread": "^6.3.13",
		"babel-preset-es2015": "^6.3.13",
		"babel-preset-react": "^6.3.13",
		"react": "^0.14.6",
		"webpack": "^1.12.11"
		}
		}

README.md

		@@ -1,2 +0,3 @@
		# react-alert
		# react-alerts

		A simple react component for displaying Alert banners.
		@@ -7,6 +8,6 @@
		```bash
		npm install react-alert --save
		npm install react-alerts --save
		```

		and include the `react-alert.css` stylesheet.
		and include the `react-alerts.css` stylesheet.

		@@ -19,3 +20,3 @@ ## Usage
		var React = require('react');
		var ReactAlert = require('react-alerts');
		var ReactAlerts = require('react-alerts');
		var ReactDOM = require('react-dom');
		@@ -25,3 +26,3 @@
		React.createElement(
		ReactAlert, {alertStyle: 'success'},
		ReactAlerts, {alertStyle: 'success'},
		'<strong>Well done!</strong> You've just displayed your first alert!'),
		@@ -28,0 +29,0 @@ document.body

src/index.js

		@@ -7,3 +7,3 @@ import React from 'react';

		const ReactAlert = React.createClass({
		const ReactAlerts = React.createClass({

		@@ -54,5 +54,5 @@ propTypes: {

		className += ' react-alert react-alert-' + alertStyle;
		className += ' react-alerts react-alerts-' + alertStyle;

		if (dismissable) className += ' react-alert-dismissable';
		if (dismissable) className += ' react-alerts-dismissable';

		@@ -71,4 +71,4 @@ return (

		ReactAlert.version = '0.0.1';
		ReactAlert.version = '0.1.0';

		export default ReactAlert;
		export default ReactAlerts;

webpack.config.js

		@@ -7,5 +7,5 @@ var path = require('path');
		if (process.env.NODE_ENV === 'production') {
		entry["react-alert.min"] = './src/index.js';
		entry["react-alerts.min"] = './src/index.js';
		} else {
		entry["react-alert"] = './src/index.js';
		entry["react-alerts"] = './src/index.js';
		}
		@@ -12,0 +12,0 @@

dist/react-alert.css

dist/react-alert.js

dist/react-alert.min.js

react-alerts - npm Package Compare versions

New alerts