novo-elements/demo/pages/elements/toast/templates/ToastDemo.html

Bullhorn's NOVO Element Repository for Angular 2

<div class="fake-card">
    <header title="John Deere" icon="person" theme="contact">
        <utils>
            <util-action icon="flag"></util-action>
            <util-action icon="refresh"></util-action>
            <util-action icon="times"></util-action>
        </utils>
    </header>
    <novo-toast [theme]="toast.theme" [icon]="toast.icon" title="Save Failed" message="Oops! Looks like you're missing some required fields"></novo-toast>
    <div class="content">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
            do eiusmod tempor incididunt ut labore et dolore
            magna aliqua. Ut enim ad minim veniam, quis nostrud
            exercitation ullamco laboris nisi ut aliquip ex ea
            commodo consequat. Duis aute irure dolor in reprehenderit
            in voluptate velit esse cillum dolore eu fugiat nulla
            pariatur. Excepteur sint occaecat cupidatat non proident,
            sunt in culpa qui officia deserunt mollit anim id
            est laborum.
        </p>
        <button (click)="changeToast()">Change toast!</button>
    </div>
</div>