Package Exports

@ppci/custom-notification

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ppci/custom-notification) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Notification

Installation
Usage
Styling
Properties

Installation

NPM

npm i @ppci/custom-notification

// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjs

Usage

Javascript

import '@ppci/custom-notification'

Browser

<!-- Default -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/custom-notification/builds/index.min.js" />

<!-- Legacy -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/custom-notification/builds/legacy.min.js" />

<!-- Component -->
<custom-notification
  title=${String}
  subtitle=${String}
>
  <button slot="buttons">Cancel</button>
  <button slot="buttons">Confirm</button>
</custom-notification>

Styling

custom-notification {
  --danger: /* new color */
  --warning: /* new color */
  --success: /* new color */
}

Properties

Property	Type	Description	Possible Values
title	string	Title of the notification
subtitle	string	Subtitle of the notification
Theme
success	boolean	Show as green success notification	```html ```
error	boolean	Show as red error notification	```html ```
warning	boolean	Show as orange warning notification	```html ```

@ppci/custom-notification