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