Add a live toast example to the docs (#32760)

1 files changed, 11 insertions, 1 deletions

diff --git a/site/assets/js/application.js b/site/assets/js/application.js
index 84774a95d..6ff316056 100644
--- a/site/assets/js/application.js
+++ b/site/assets/js/application.js
@@ -39,7 +39,7 @@
     })
   }
 
-  document.querySelectorAll('.toast')
+  document.querySelectorAll('.bd-example .toast')
     .forEach(function (toastNode) {
       var toast = new bootstrap.Toast(toastNode, {
         autohide: false
@@ -48,6 +48,16 @@
       toast.show()
     })
 
+  var toastTrigger = document.getElementById('liveToastBtn')
+  var toastLiveExample = document.getElementById('liveToast')
+  if (toastTrigger) {
+    toastTrigger.addEventListener('click', function () {
+      var toast = new bootstrap.Toast(toastLiveExample)
+
+      toast.show()
+    })
+  }
+
   // Demos within modals
   document.querySelectorAll('.tooltip-test')
     .forEach(function (tooltip) {