ng a Component
      </h1>

        <a href="https://github.com/ember-learn/guides-source/edit/master/guides/v2.2.0/components/index.md" target="_blank" class="edit-page" rel="noopener">
          <img class="edit-icon" src="/images/pen.svg" alt="Edit pencil">
        </a>
    </div>
    <hr>

    <div id="ember55339" 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="tru