Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including react-skylight with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. var reactSkylight = require("react-skylight")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

react-skylight v0.5.1

A react component for modals and dialogs.


React SkyLight is a simple react component for modals and dialogs. Powerful, lightweight and customizable design.

React skylight DEMOS and DOCS.


npm install react-skylight --save
yarn add react-skylight


  • Very simple modal/dialog
  • Animation support
  • Stateless
  • Callback before open
  • Callback after open
  • Callback before close
  • Callback after close
  • Callback on overlay click
  • All styles can be overridden

How to use

React skylight DEMOS and DOCS.


Release History

  • 2018-04-03   v0.5.1   Change dialog style height to minHeight, react 16 support, remove unused dependencies
  • 2017-09-20   v0.5.0   Add animation, ESC to close, title as component and and some fixes
  • 2017-05-23   v0.4.2   Solve propTypes warnings, and some fixes
  • 2016-08-31   v0.4.1   Polyfill Object.assign() to works in IE
  • 2016-04-27 v0.4.0 Fix issue #35 (numeric string value for CSS property), up to react 15.0.1 and merged pull request to support Stateless (thanks @darthtrevino)
  • 2016-01-09   v0.3.0   Rewrite to ES2015, overlay callback and new site.
  • 2015-04-08   v0.2.0   Improvements
  • 2015-02-03   v0.1.4   Changed skylight.js to skylight.jsx and adjust of namespace


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free