Dialog

A simple full screen dialog

Table of contents

Installation

CDN

  <script type='module' src="http://developer.powerpeers.com/social/1.0.0/custom-dialog.js" />

NPM

  npm i @ppci/custom-dialog

Usage

// Javascript import
import '@ppci/custom-dialog'

<!-- or module import -->
<script type="module" src="http://developer.powerpeers.com/social/1.0.0/custom-dialog.js" />

const onClose = (event) => {
  // place click logic here
}

<custom-dialog
  loading
  open
  @close=${onClose}>

  <div>Place dialog content here</div>

</custom-dialog>

Theme | Styling.

custom-dialog {
  --theme-dialog-backdrop: white;
}

Properties

Events

Changelog

1.0.0 ( Major )

• Initial version of the custom dialog.