Modal

A dialog overlay for focused user interactions.

Preview

Props

Prop	Type	Default	Description
`open`	boolean	`false`	Controls visibility
`onClose`	function	`—`	Close handler
`title`	string	`—`	Modal title
`children`	ReactNode	`—`	Modal body

Usage

const { Button, Modal } = window.ColorSnap;
function App() {
  var s = React.useState(false), open = s[0], setOpen = s[1];
  return React.createElement(React.Fragment, null,
    React.createElement(Button, { onClick: function() { setOpen(true); } }, 'Open Modal'),
    React.createElement(Modal, { open: open, onClose: function() { setOpen(false); }, title: 'Confirm' }, 'Are you sure?')
  );
}