positions
Top
- Top Right
- Top Left
showToast("Top right toast", { position: "top-right" });
Click the button below to trigger a toast:
showToast("Top left toast", { position: "top-left" });
Click the button below to trigger a toast:
Bottom
- Bottom Right
- Bottom Left
showToast("Bottom right toast",{ position: "bottom-right" });
Click the button below to trigger a toast:
showToast("Bottom left toast",{ position: "bottom-left" });
Click the button below to trigger a toast:
Center
- Center
- Center Top
- Center Bottom
showToast("Centered notification",{ position: "center" });
Click the button below to trigger a toast:
showToast("Center top toast",{ position: "center-top" });
Click the button below to trigger a toast:
showToast("Center bottom toast",{ position: "center-bottom" });
Click the button below to trigger a toast: