React Common - Utils - ui - Methods

hideToasts()

Hides all the Toast components in the application.

import toast from "devextreme-react/hide-toasts"

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

App.js
  • import React from 'react';
  • import { Button } from 'devextreme-react/button';
  • import hideToasts from 'devextreme/ui/toast/hide_toasts';
  •  
  • function App() {
  • const onClick = () => {
  • hideToasts();
  • }
  • return (
  • <Button
  • text="Hide all Toasts"
  • onClick={onClick}
  • />
  • );
  • }
  • export default App;