<ons-page>
<ons-toolbar>
<div class="center">Toasts</div>
</ons-toolbar>
<p style="text-align: center">
<ons-button onclick="toggleToast()">Success</ons-button>
</p>
</ons-page>
<ons-toast id="toast">
Success!
</ons-toast>
function toggleToast() {
document
.querySelector('#toast')
.toggle();
}