<commit_before># react-modal

Accessible modal dialog component for React.JS

[![Build Status](https://travis-ci.org/reactjs/react-modal.svg?branch=v1)](https://travis-ci.org/reactjs/react-modal)

## Active Development
The modal is currently undergoing significant development for a v2 release.  The `master` branch contains that development work.
If you'd like to see the latest stable version please use the release tags (https://github.com/reactjs/react-modal/releases)

### Installation

To install the stable version:

```
npm install --save react-modal
```

## Usage

The Modal object has two required props:

- `isOpen` to render its children.
- `contentLabel` to improve a11y, since `v1.6.0`.

Example:

```xml
<Modal
  isOpen={bool}
  onAfterOpen={afterOpenFn}
  onRequestClose={requestCloseFn}
  closeTimeoutMS={n}
  style={customStyle}<commit_msg>Add gzip size badge<commit_after># react-modal

Accessible modal dialog component for React.JS

[![Build Status](https://travis-ci.org/reactjs/react-modal.svg?branch=v1)](https://travis-ci.org/reactjs/react-modal)
![gzip size](http://img.badgesize.io/https://unpkg.com/react-modal/dist/react-modal.min.js?compression=gzip)

## Active Development
The modal is currently undergoing significant development for a v2 release.  The `master` branch contains that development work.
If you'd like to see the latest stable version please use the release tags (https://github.com/reactjs/react-modal/releases)

### Installation

To install the stable version:

```
npm install --save react-modal
```

## Usage

The Modal object has two required props:

- `isOpen` to render its children.
- `contentLabel` to improve a11y, since `v1.6.0`.

Example:

```xml
<Modal
  isOpen={bool}
  onAfterOpen={afterOpenFn}
  onRequestClose={requestCloseFn}
  closeTimeoutMS={n}
  style={customStyle}
{'fraction_non_alphanumeric': 0.1223375204806117, 'fraction_numerical': 0.007646095030038231, 'mean_word_length': 4.890675241157556, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 3, 'https://': 7, 'lorem ipsum': 0, 'www.': 0, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4834669', 'n_tokens_mistral': 587, 'n_tokens_neox': 566, 'n_words': 168}