thub.com/ember-learn/guides-source/edit/master/guides/v4.7.0/in-depth-topics/patterns-for-components.md" target="_blank" class="edit-page" rel="noopener">
          <img class="edit-icon" src="/images/pen.svg" alt="Edit pencil">
        </a>
    </div>
    <hr>

    <div id="ember541655" class="ember-view"><p>This guide assumes that you have read the <a href="../../components/">component guides</a>
and are familiar with how Ember components work. We'll cover components in more
depth in this section. At the 