diff --git a/src/pivotal-ui/components/events/events.scss b/src/pivotal-ui/components/events/events.scss index 452027c80..ae8c8d8a4 100644 --- a/src/pivotal-ui/components/events/events.scss +++ b/src/pivotal-ui/components/events/events.scss @@ -19,11 +19,15 @@ Component 💣 has a method `🔥`. In the code, you might see: 💣.prototype.🔥 = function(blaze){ - $(this).trigger("💣:🔥:before"); + $(this).trigger("💣:🔥ed:before"); //do things // this represent the element the component is referring to - $(this).trigger("💣:🔥"); + + // In many cases the method name is present tense and the event + // name is a past tense version of that method name. This is + // a pretty common pattern reflected here. + $(this).trigger("💣:🔥ed"); }; @@ -32,7 +36,7 @@ component has the 🔥 method called and that method is completed, the 🚰 component needs to call the 🌊 method. -$(document).on("💣:🔥", function(){ +$(document).on("💣:🔥ed", function(){ 🚰.🌊(); });