lass="edit-page" rel="noopener">
          <img class="edit-icon" src="/images/pen.svg" alt="Edit pencil">
        </a>
    </div>
    <hr>

    <div id="ember213146" class="ember-view"><p>To define a component, run:</p>
<pre class="language-bash line-numbers"><code class="bash language-bash">ember generate component my-component-name
<span aria-hidden="true" class="line-numbers-rows"><a href="#C1_L1" id=C1_L1></a></span></code></pre>
<p>Ember components are used to turn markup text and styles into reusable