Documentation for alert messages, toastr messages and other notifications.
Files
app/styles/modules/_notifications.scssToastr messages
Toastr messages provides informations about some action, whether it is success, error etc. Message can be shown after click on assigned element or by calling javascript (in prototypes).
Content of message can be specified by using attributes [data-toastr-type] and data-toastr-message.
Javascript dependency
Toastr messages component requires javascript plugin toastr bower_components/toastr/.
Documentation for toastr plugin: github.com/CodeSeven/toastr
<button data-toastr-type="info" data-toastr-message="Lorem ipsum Ut esse enim elit." class="btn js-toastr">Info</button>
<button data-toastr-type="success" data-toastr-message="Lorem ipsum Ut esse enim elit." class="btn js-toastr">Success</button>
<button data-toastr-type="warning" data-toastr-message="Lorem ipsum Ut esse enim elit." class="btn js-toastr">Warning</button>
<button data-toastr-type="error" data-toastr-message="Lorem ipsum Ut esse enim elit." class="btn js-toastr">Error</button>