react-router-prompt

React Router Navigation Prompt for v6

0.2.0
unpublished
Source
npm

Version published: 3 years ago

Maintainers: 1

Created: 3 years ago

Source

react-router-prompt 🚨

A replacement component for the react-router 6 Prompt. Allows for more flexible dialogs.

Install

yarn add react-router-prompt

Usage

<ReactRouterPrompt when={isDirty}>
  {({ isActive, onConfirm, onCancel }) => (
    <Modal show={isActive}>
      <div>
        <p>Do you really want to leave?</p>
        <button onClick={onCancel}>Cancel</button>
        <button onClick={onConfirm}>Ok</button>
      </div>
    </Modal>
  )}
</ReactRouterPrompt>

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

Credits

Inspiration from react-router-navigation-prompt
Gist: https://gist.github.com/rmorse/426ffcc579922a82749934826fa9f743

📝 License

Author

👤 Shyam Gupta (shyamm@outlook.com)

Website: https://sshyam-gupta.space/
Twitter: @shyamm06
Github: @sshyam-gupta
LinkedIn: @https://www.linkedin.com/in/shyam-gupta-66463a62/

Keywords

FAQs

What is react-router-prompt?

Is react-router-prompt well maintained?

Package last updated on 16 Jul 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

react-router-prompt