diff --git a/src/pivotal-ui/components/events/events.scss b/src/pivotal-ui/components/events/events.scss
index a4e001a38..452027c80 100644
--- a/src/pivotal-ui/components/events/events.scss
+++ b/src/pivotal-ui/components/events/events.scss
@@ -19,6 +19,7 @@ Component 💣 has a method `🔥`. In the code, you might see:
 
 <code class="pam">
 💣.prototype.🔥 = function(blaze){
+  $(this).trigger("💣:🔥:before");
   //do things
 
   // this represent the element the component is referring to
@@ -27,8 +28,8 @@ Component 💣 has a method `🔥`. In the code, you might see:
 </code>
 
 In another component 🚰, we have a method 🌊. We know that when the 💣
-component has the 🔥 method called, the 🚰 component needs to call the 🌊
-method.
+component has the 🔥 method called and that method is completed, the 🚰
+component needs to call the 🌊 method.
 
 <code class="pam">
 $(document).on("💣:🔥", function(){