title: How do I turn my form into an ember component?
body: <p>I have this form:</p>
  
  <pre><code>&lt;form {{action 'resetPassword' on="submit"}}&gt;
    {{input type="password" value=newPassword placeholder="reset password"}}&lt;br&gt;
    {{#if newPassword}}
      {{input type="password" value=confirmPassword placeholder="confirm password"}}
      {{#if passwordOK}}
        &lt;button&gt;Reset&lt;/button&gt;
      {{/if}}
    {{/if}}
  &lt;/form&gt;
  </code></pre>
  
  <p>It relies on the resetPassword action being available and also the passwordOK function which tests that a password has been entered and that the confirmation matches.</p>
  
  <p>This is all smashing but I think I need to use this form multiple times in my app. So I assume I should make it into a component.</p>
  
  <p>How can I turn this form into a reusable component?</p>
  
  <p>I'm interested in how to take this chunk of functionality and make it available throughout my app. How do I package this up and re-use it?</p>