react-simplert

ReactJS Simple Alert Component (SweetAlert Inspired)

Demo

https://mazipan.github.io/react-simplert/

Download

npm install react-simplert
OR
yarn add react-simplert

How to Use

Import to your component :

import Simplert from 'react-simplert'

Create some template in render() :

<Simplert 
    showSimplert={ this.state.showAlert }
    type={ this.state.typeAlert }
    title={ this.state.titleAlert }
    message={ this.state.messageAlert }
/>

Just set the props with your custom state.

Available Props

{
  showSimplert: PropTypes.bool.isRequired,
  title: PropTypes.string,
  message: PropTypes.any,        
  type: PropTypes.string,
  customClass: PropTypes.string,
  customIconUrl: PropTypes.string,
  onOpen: PropTypes.func,
  customCloseBtnText: PropTypes.string,
  customCloseBtnClass: PropTypes.string,
  onClose: PropTypes.func,
  onOverlayClose: PropTypes.func,
  useConfirmBtn: PropTypes.bool,
  customConfirmBtnText: PropTypes.string,
  customConfirmBtnClass: PropTypes.string,
  onConfirm: PropTypes.func,
  disableOverlayClick: PropTypes.bool,
  hideAllButton: PropTypes.bool
}

Note: If onClose is provided but onOverlayClose is not, onClose will be called when the Simplert is closed via the overlay.

Hope will usefull for you all.

Contact Me :