Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://js.devexpress.com/Vue/Documentation/ApiReference/Common/Utils/ui/Methods/ below:

Vue Common - Utils - ui - Methods

Hides all the Toast components in the application.

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

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

<div id="hide"></div>

$("#hide").dxButton({
    text: "Hide all Toasts",
    onClick() {
        DevExpress.ui.hideToasts();
    }
});

<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();
    }
}

<template>
    <DxButton
        text="Hide all Toasts"
        @click="onClick"
    />
</template>

<script>
    import { DxButton } from 'devextreme-vue/button';
    import hideToasts from 'devextreme/ui/toast/hide_toasts';

    export default {
        methods: {
            onClick() {
                hideToasts();
            }
        }
    }
</script>

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;

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4