Twig Include Embed and Extends

Twig Include

• Returns the rendered content You can pass in simple key value pairs to use within your include.

{%
include '@theme_name/component/component.twig' with
   {
     key: value,
   } only
%}

Twig Embed

• Same as includes yet they allow for the use of twig blocks
• Blocks are used for inheritance and act as a placeholder and inheritance at the same time.
• Twig blocks are not the same as drupal blocks

{%
embed '@theme_name/component/component.twig' with
   {
     key: value,
   } only
%}
{% block content %}
<p> Content can go here. </p>
{% endblock %}

Twig Extends

• allows you to include the content of another component and replace it with blocks

{%
extends '@theme_name/component/component.twig' with
   {% block content %}
      <p> Some child content goes here. </p>
   {% endblock %}