{"repo":"reactjs/react-modal","free":true,"listed":false,"github":"https://github.com/reactjs/react-modal","clone":"git clone https://github.com/reactjs/react-modal.git","description":"Accessible modal dialog component for React","language":"JavaScript","stars":7409,"topics":["react","javascript","modal"],"license":"MIT","category":"ui-components","readme_excerpt":"react-modal Accessible modal dialog component for React.JS Table of Contents Installation API documentation Examples Demos Installation To install, you can use npm or yarn: $ npm install --save react-modal $ yarn add react-modal To install react-modal in React CDN app: - Add this CDN script tag after React CDN scripts and before your JS files (for example from cdnjs): - Use tag inside your React CDN app. API documentation The primary documentation for react-modal is the reference book, which describes the API and gives examples of its usage. Examples Here is a simple example of react-modal being used in an app with some custom styles and focusable input elements within the modal content: You can find more examples in the examples directory, which you can run in a local development server using npm start or yarn run start . Demos There are several demos hosted on CodePen which demonstrate various features of react-modal: Minimal example Using setAppElement Using onRequestClose Using shouldCloseOnOverlayClick Using inline styles Using CSS classes for styling Customizing the default styles","default_branch":null,"files":null,"tree":[],"storefront":"/r/reactjs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/reactjs/react-modal/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}