https://github.com/d8corp/watch-state-react-router-modal

Cool pop-ups related to URL
https://github.com/d8corp/watch-state-react-router-modal

Last synced: about 1 year ago
JSON representation

Cool pop-ups related to URL

• Host: GitHub
• URL: https://github.com/d8corp/watch-state-react-router-modal
• Owner: d8corp
• License: mit
• Created: 2020-11-22T12:05:54.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2022-01-03T10:49:03.000Z (over 4 years ago)
• Last Synced: 2025-03-21T09:03:58.060Z (over 1 year ago)
• Language: JavaScript
• Size: 155 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  



#   @watch-state/react-router-modal

 

[![NPM](https://img.shields.io/npm/v/@watch-state/react-router-modal.svg)](https://www.npmjs.com/package/@watch-state/react-router-modal)

[![minzipped size](https://img.shields.io/bundlephobia/minzip/@watch-state/react-router-modal)](https://bundlephobia.com/result?p=@watch-state/react-router-modal)

[![downloads](https://img.shields.io/npm/dm/@watch-state/react-router-modal.svg)](https://www.npmtrends.com/@watch-state/react-router-modal)

[![changelog](https://img.shields.io/badge/Changelog-⋮-brightgreen)](https://changelogs.xyz/@watch-state/react-router-modal)

[![license](https://img.shields.io/npm/l/@watch-state/react-router-modal)](https://github.com/d8corp/watch-state-react-router-modal/blob/main/LICENSE)  

Pop-ups related to URL with [React 16.8+](https://reactjs.org) and [watch-state](https://www.npmjs.com/package/watch-state).

[![stars](https://img.shields.io/github/stars/d8corp/watch-state-react-router-modal?style=social)](https://github.com/d8corp/watch-state-react-router-modal/stargazers)

[![watchers](https://img.shields.io/github/watchers/d8corp/watch-state-react-router-modal?style=social)](https://github.com/d8corp/watch-state-react-router-modal/watchers)

### Install

npm

```bash

npm i @watch-state/react-router-modal

```

yarn

```bash

yarn add @watch-state/react-router-modal

```

### Usage

All modals should be placed into `Modals`.

```typescript jsx

import RouterModal, {Modals, OpenModal} from '@watch-state/react-router-modal'

import theme from '@watch-state/react-router-modal/theme/default.module.scss'

export default () => (

  <>

    Open

    

      

        Test modal

      

    

  >

)

```

## Issues

If you find a bug, please file an issue on [GitHub](https://github.com/d8corp/watch-state-react-router-modal/issues)

[![issues](https://img.shields.io/github/issues-raw/d8corp/watch-state-react-router-modal)](https://github.com/d8corp/watch-state-react-router-modal/issues)