aria-hidden="true" class="line-numbers-rows"><a href="#C2_L1" id=C2_L1></a></span></code></pre></div>
<p>Here an entire blog post model is being passed to the component as a single component property.
In turn the component is returning values using <code>yield</code>.
In this case the yielded values are pulled from the post being passed in
but anything that the component has access to can be yielded, such as an internal property or something from a service.</p>
</section>
<h3 id="toc_consuming-yielded-value