CngxToast
projects/ui/feedback/toast/toast.component.ts
Import#
import { CngxToast } from '@cngx/ui/feedback'
Description#
Declarative toast - renders nothing at its position, pushes into the global CngxToastOutlet.
Shows a toast when [when] becomes true. Dismisses when [when] becomes false
(unless already auto-dismissed). Supports projected content for custom toast bodies.
Requires provideToasts() or provideFeedback(withToasts()).
Simple message
<cngx-toast severity="success" message="Saved" [when]="saved()" />With custom content
<cngx-toast severity="error" [when]="hasError()">
Something went wrong. <button (click)="retry()">Retry</button>
</cngx-toast>With async state
<cngx-toast severity="success" message="Item saved" [when]="saveState.status() === 'success'" />
<cngx-toast severity="error" message="Save failed" [when]="saveState.status() === 'error'" />