change the color of toast toastr js

We can use toastr.toast('This is my message', duration) to change the color of toast toastr js". The toastr.toast(message, options) function is used to display a message in a small popup window that appears at the bottom of the browser window. The message will display until it times out or the user clicks the close button.

change the color of toast toastr js

on Jun 20, 2022
/* this will set the toastr icon */
 #toast-container > .toast-custom {
    content: "\f00C";
}

/* this will set the toastr style */
.toast-custom {
    background-color: purple;
}

Add Comment

0

change the color of toast toastr js

on Jun 20, 2022
toastr.info("Click To Open", "more text",{iconClass:"toast-custom"});

Add Comment

0

All the possible answers for the questions are given above. For further queries you can quote your answers.

Javascript answers related to "change the color of toast toastr js"

View All Javascript queries

Javascript queries related to "change the color of toast toastr js"

change the color of toast toastr js toastr js dont fade out toastr.js notification for laravel toastr.js cdn install toastr in angular jquery toastr change nav background color on scroll css without bootstrap how to change list item text color in react how to change background color using js push a new route only triggers URL change but not location change color element in a list onclick angular platform check in react native for status bar color ionic status bar color flutter app bar action button color how ot make a background color faor evaluationbutton in flutter javascript background color javascript set color in hex how to color console.log typescript convert color to rgb random color generator random color generator javascript Random color generator javascript RGB angular formgroup on value change jquery select box change event how to change background image dynamically in react how to change currency in react-paypal-button-v2 how to change grid size with conditional expression in react how to change package name in react native how to change style class by using onclick function with multiple buttons in react js how to change the tab text in React picker change event react native react enzyme simulate change react router change route from function react useeffect on change props react-native init AwesomeProject change port reactjs app change port reactnaviataion change title change inner html in jquery datatables change width of columns how to change image source using javascript change index array javascript javascript change title change style js change windlow location relitave to current one change ul index value with innertext change height of div with scroll in javascript double click sur image change javascript how to change the text in a button on onclick how to change an element in a different elements code css does filter change original array Jquery select change event

Browse Other Code Languages

CodeProZone