Toast
A simple toast notification component
Example
Toasts are a component used to display brief messages to the user. They are typically used for notifications and can be dismissed by the user.
Toast example
toast-example.component.html
<ng0-dropdown>
Primary
<ng0-dropdown-menu>
<ng0-dropdown-item (click)="thankYou()">Action</ng0-dropdown-item>
<ng0-dropdown-divider />
<ng0-dropdown-item toggleCss="text-danger">Another action</ng0-dropdown-item>
<ng0-dropdown-link link="/"> Home Page (link) </ng0-dropdown-link>
<ng0-dropdown-link link="/" target="_blank">
Home Page (link, target: _blank)
</ng0-dropdown-link>
<ng0-dropdown-divider />
<ng0-dropdown-link link="/" [active]="['fw-bold', 'text-info']">
Active route with custom css class (link)
</ng0-dropdown-link>
</ng0-dropdown-menu>
</ng0-dropdown>
toast-example.component.ts
import { Component } from '@angular/core';
import { DropdownModule } from '@bootkit/ng0/components/dropdown';
@Component({
selector: 'app-dropdown-example',
templateUrl: './dropdown-example.component.html',
standalone: true,
imports: [DropdownModule]
})
export class DropdownExampleComponent {
}