token delimiter punctuation">}}</span></span>
<span aria-hidden="true" class="line-numbers-rows"><a href="#C9_L1" id=C9_L1></a><a href="#C9_L2" id=C9_L2></a><a href="#C9_L3" id=C9_L3></a><a href="#C9_L4" id=C9_L4></a></span></code></pre></div>
<p>Components built this way are commonly referred to as "Contextual Components",
allowing inner components to be wrapped within the context of outer components without breaking encapsulation.</p>
</section>
</div>

    <footer id="ember199862" class="ember-view"><div