Declarative SweetAlert in React
This package is forked from https://github.com/chentsulin/sweetalert-react and adopted for https://github.com/limonte/sweetalert2
$ npm install sweetalert2-react
import React, { Component } from 'react';
import SweetAlert from 'sweetalert2-react';
// ...
render() {
return (
<div>
<button onClick={() => this.setState({ show: true })}>Alert</button>
<SweetAlert
show={this.state.show}
title="Demo"
text="SweetAlert in React"
onConfirm={() => this.setState({ show: false })}
/>
</div>
);
}
You should import sweetalert2.css
from 'sweetalert2' package.
Checkout full examples https://github.com/chentsulin/sweetalert-react
Test were not updated to support sweetalert2. PRs are welcome.
MIT © C.T. Lin