react-custom-confirm

A React confrim modal with multiple theme, in place of javaScript inbuilt window.confirm()

Install

npm install react-custom-confirm

Screenshots

Mandatory porps

It takes 2 mandatory props:

1. show => boolean
2. setShow

Other Props:

3. message => String
4. handleProceed => function
5. handleCancel => function
6. type => string value => 'success' or 'warning' or 'info' or 'danger'
7. confirmButtonText => String (default is Confirm)
8. center => boolean => to align at center
9. dark = boolean => to change modal backgroud to dark

Usage

import ConfirmModal from 'react-custom-confirm'
import 'react-custom-confirm/dist/index.css'

  const [show, setShow] = useState(false)


  const handleProceed  = () =>{
    console.log('Done')
    setShow(false)
  }

  const handleCancel = () =>{
    console.log('Cancelled')
    setShow(false)
  }

  const message = 'Example Message'


<ConfirmModal message={message} handleProceed={handleProceed} handleCancel={handleCancel} show={show} setShow={setShow} center={true} dark={true} type='danger'/>

License

MIT ©