The Default Component Template

When we generate a component with Ember-CLI, we see that it has nothing but a {{yield}} inside.

You saw in the Components chapter that the StarRating component could be used in two forms: block and non-block. When used in its block form, yield defines the slot where the calling context can render its content.

To give an example, a form component that focuses on the first text input field when rendered would just have a {{yield}} as its template and could be used like this: