Hello guys, Today, I am going to show you how to create a custom toast in ionic.

First, create an ionic blank project with the command which is given below.

Now create a button that will show the toast in the “home.html” file.

Now, import “ToastController” in your “home.ts” file.

And inject it in your constructor:

Now create a method named “customToast()” in “home.ts” for displaying the custom toast:

Now create a CSS class “customToastClass” in “app.scss” file.

Below is what you see when you click the button. You have your custom toast within a few min(s) read. Go ahead and show your creativity by modifying the template.

I hope this helps, please share the blog with the needy.

If any extra information is required please comment down below.

Happy Coding 🙂