Popup

Display content in popup window. This widget allows for static user interactions with OK or OK and Cancel buttons.

Usage

import { ItsyPopup } from '@itsy-ui/navigation';

const schema = {
  "popupMessage": "Cras mattis consectetur purus sit amet fermentum. Cras justo odio,
   dapibus ac facilisis in, egestas eget quam. Morbi leo risus,
   porta ac consectetur ac,vestibulum at eros. Praesent commodo cursus magna, 
   vel scelerisque nisl consectetur et.
  "title": "Popup title",
  "showCloseButton": true
}

<ItsyPopup className="popup" schema={schema} />


API

name type default description
className String additional class name of root node.
style Object {} Inline style object
schema Object {} Schema which contains information to be displayed inside drawer.


Schema API’s

name type default description
title String Popup title text.
popupMessage object Message to be displayed in popup.
showCloseButton boolean true Show close button in popup or not


Compatibility

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
Edge last 2 versions last 2 versions last 2 versions last 2 versions