er-learn/guides-source/edit/master/guides/v2.17.0/components/passing-properties-to-a-component.md" target="_blank" class="edit-page" rel="noopener">
          <img class="edit-icon" src="/images/pen.svg" alt="Edit pencil">
        </a>
    </div>
    <hr>

    <div id="ember158706" class="ember-view"><p>Components are isolated from their surroundings, so any data that the component
needs has to be passed in.</p>
<p>For example, imagine you have a <code>blog-post</code> component that is used to
display a bl