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
Theme | Styling
Properties
Events
Changelog

Installation

NPM

  npm i @ppci/custom-notification

Usage

Javascript

import '@ppci/custom-notification'

Browser

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

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

Theme | Styling

Override our default colors

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 ```

Events

Name	Description	Detail / Payload

Changelog

1.0.2

Title line-height fix
Added inverted styles

1.0.1

Styles bug fixes.

1.0.0

Initial version of the notification.

@ppci/custom-notification