UNPKG

novo-elements

Version:

Bullhorn's NOVO Element Repository for Angular 2

48 lines (42 loc) 1.37 kB
# Toast Notifications ## Usage ```javascript export { NovoToast, ToastService } from 'novo-elements'; // Insice APP Component export class MyApp { constructor(toaster:ToastService, view:ViewContainerRef) { toaster.defaultViewContainer = view; } } export class MyToasterComponent { constructor(toaster:ToastService) { this.toaster = toaster; } bake() { this.toaster.alert(NovoToast, { title: 'Title', //required message:'Some Message...', //required position: 'growlTopRight', //optional: fixedTop,fixedBottom,growlTopRight,growlTopLeft,growlBottomRight,growlBottomLeft theme:'success' //optional: default,success,danger,info,warning }); } } ``` #### NovoToast Properties - `'theme' : String` * Defines the theme of the toast notification * Default is navy - `'icon' : String` * Defines the icon used in the toast notification - `'position': String` * Defines the positioning of the notification * Position is ignored in embedded toasts - `'title': String` * Defines the title text - `'message': String` * Defines the message body text - `'time': Int` * Defines the amount of time a notification is shown on screen in ms ##### ToastService Reference Api - `'alert' : Function` * Create the toast