title: Custom onClick Behavior For Reusable Blaze Component
body: <p>I have the following <strong>reusable component</strong> in my Meteor app:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template name="action_button"&gt;
      &lt;div class="action-button-container pull-right"&gt;
          &lt;div class="btn btn-danger action-button js-action-button" title="{{this.buttonTitle}}"&gt;
              &lt;span class="glyphicon glyphicon-{{this.buttonIcon}}"&gt;&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="action-button-title"&gt;{{this.buttonTitle}}&lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <pre class="lang-javascript prettyprint-override"><code>Template.action_button.events({
      'click .js-action-button': function(e, tmpl) {
          e.preventDefault();
  
          // ?
      }
  });
  </code></pre>
  
  <p>Instantiated as follows:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template name="my_main_template"&gt;
      ...
  
      {{# action_button buttonTitle="save" buttonIcon="ok" }} {{/ action_button}}
  
      ...
  &lt;/template&gt;
  </code></pre>
  
  <p><strong>What would be the best way to add custom onClick behavior to instances of this button?</strong></p>