@ppci/source-dialog
v1.3.13
Published
<ol> <li> <a href="#installation">Installation</a> </li> <li> <a href="#usage">Usage</a> </li> <li> <a href="#styling">Styling</a> </li> <li> <a href="#properties">Properties</a> </li> <li> <a href="#events">Events</
Downloads
46
Keywords
Readme
Source Dialog
Table of contents
Installation
NPM
npm i @ppci/source-dialog
// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjs
Usage
Javascript
import '@ppci/source-dialog'
Browser
<!-- Default -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/source-dialog/builds/index.min.js" />
<!-- Legacy -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/source-dialog/builds/legacy.min.js" />
<!-- Component -->
<source-dialog
.source=${Object}
.sourceMix=${Array}
@close=${Function}
loading
open
></source-dialog>
Styling
source-dialog {
--theme-dialog-backdrop: white;
}
Properties
// Other
categoryId":1,
"deviceId":"1015",
"status":"ACTIVE",
"latitude":52.368,
"longitude":4.9036,
"website":null,
"type":"SUN",
"supply":9500,
"start":"2016-04-10T00:00:00",
"end":null,
"soldOut":false,
"weight":1
}
```
</td>