tjb-notify
Simple, dismisseable notification message as WebComponent
Example
https://tjb-webcomponents.github.io/tjb-notify/
Add to project
You might want to use a Polyfill for WebComponent:
Include via HTML
Include it:
Include via JavaScript
import 'https://tjb-webcomponents.github.io/tjb-notify/tjb-notify.min.js'
Include via NPM
Console:
npm i -S tjb-notify
Then in your code:
import 'tjb-notify';
Useage
Methods
method | properties | example | description |
---|---|---|---|
error | - type (@String/@Node) |
tjbNotify.error = html\ My Error Node `` |
displays the message in a box of respective collor with pulldown animation |
success | - type (@String/@Node) |
tjbNotify.success = 'My success Text |
displays the message in a box of respective collor with pulldown animation |
Styling
Default public values:
These can be overwritten easily by targetting the element. Example: