prism-announce - Vaadin Add-on Directory
Web component based on Polymer 2. Provide a message display container with material design.
**[ This description is mirrored from README.md at [github.com/Prhythm/prism-announce](https://github.com//Prhythm/prism-announce/blob/2.0.0/README.md) on 2019-05-10 ]**
# \
`` is a [Polymer 2](http://polymer-project.org/) element provides simple yet fully customisable notifications.
# Usage
Place `` in your application, and design how content message appears. Use `` and `` for toast and notification in material desgin.
```html
```
To announce a message, simply fire an `announce` event and assign content as a detail object.
```javascript
element.dispatchEvent(new CustomEvent('announce', {
bubbles: true,
composed: true,
detail: {
name: this.name,
postTime: new Date().toLocaleString()
}
}))
```
# Styling
`` provides the following custom properties and mixins for styling:
Custom property | Description | Default
----------------|-------------|----------
`--var-prism-announce` | Mixin applied to the element | `{}`
# Licence
MIT Licence
Online Demo
Hello [[name]] at [[postTime]]
Documentation
View on GitHub
GitHub Homepage
Issue tracker
License
prism-announce version 2.0.0
### Dependencies
Polymer/polymer#^2.0.0