This package has been deprecated

Author message:

Use the HTML Dialog element (requires polyfill for certain browsers). See See

TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

npm (scoped) CircleCI branch

Use it

npm install --save @snowcoders/react-dialog save-prefix ~

Parent Library

This component is part of a larger components library, react-ui-base. The goal is to keep all the core logic and base css styles in a single location, that way building out new UI component libraries cheaper and faster (and less buggy).

We highly recommend visiting the react-ui-base repository to understand how to customize the css along with see examples.

You can also view all the components on our demo site

This component

This component renders it's children in a HTMLDivElement centered within the entire page. Other features provided by this component:

  • Tabbing within the dialog component will stay within the dialog component
  • Clicking the background will fire onBackgroundClick allowing you to close the dialog
  • Pressing the Escape key will also run the onBackgroundClick
  • When the dialog closes, it will set the active element back to whatever it was before it opened

Package Sidebar


npm i @snowcoders/react-dialog

Weekly Downloads






Unpacked Size

41.8 kB

Total Files


Last publish


  • k2snowman69
  • rickyp-snowcoders