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

Popups with React and watch-state
https://github.com/d8corp/watch-state-react-modal

Last synced: 12 days ago
JSON representation

Popups with React and watch-state

• Host: GitHub
• URL: https://github.com/d8corp/watch-state-react-modal
• Owner: d8corp
• License: mit
• Created: 2020-11-22T10:23:49.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2022-01-03T10:48:05.000Z (over 4 years ago)
• Last Synced: 2025-10-26T20:57:16.774Z (8 months ago)
• Language: JavaScript
• Size: 234 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-modal

 

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

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

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

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

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

Popups with [React](https://reactjs.org) and [watch-state](https://www.npmjs.com/package/watch-state).

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

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

### Install

npm

```bash

npm i @watch-state/react-modal

```

yarn

```bash

yarn add @watch-state/react-modal

```

### Usage

All modals should be placed into `Modals`.

```typescript jsx

import Modal, {Modals} from '@watch-state/react-modal'

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

export default () => (

  

    

      Test modal

    

  

)

```

## Issues

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

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