edby="toc_contextual-components">
<p>The <a href="https://api.emberjs.com/ember/4.7.0/classes/Ember.Templates.helpers/methods/component?anchor=component"><code>{{component}}</code></a>
helper can be used to defer the selection of a component to runtime. The
<code>&lt;MyComponent /&gt;</code> syntax always renders the same component, while using the
<code>{{component}}</code> helper allows choosing a component to render on the fly. This is
useful in cases where you want to interact with different external li