Angular Common - Utils - ui - Methods

hideToasts()

Hides all the Toast components in the application.

import toast from "devextreme-angular/ui/hide-toasts"

The code below uses a Button to hide all the Toast components on click.

app.component.html
app.component.ts
  • <dx-button
  • text="Hide all Toasts"
  • (onClick)="onClick($event)"
  • >
  • </dx-button>
  • import { Component } from '@angular/core';
  • import hideToasts from 'devextreme/ui/toast/hide_toasts';
  •  
  • @Component({
  • selector: 'app-root',
  • templateUrl: './app.component.html',
  • styleUrls: ['./app.component.css']
  • })
  •  
  • export class AppComponent {
  • onClick() {
  • hideToasts();
  • }
  • }