From f31e030693f6e35a19271bd3053fb31197ee243a Mon Sep 17 00:00:00 2001
From: Javier Eguiluz <javier.eguiluz@gmail.com>
Date: Fri, 27 Sep 2024 08:14:45 +0200
Subject: [PATCH] [Doc] Fix an example in Twig Components doc

---
 src/TwigComponent/doc/index.rst | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/TwigComponent/doc/index.rst b/src/TwigComponent/doc/index.rst
index cb6e22ad55b..ac0bf998dc6 100644
--- a/src/TwigComponent/doc/index.rst
+++ b/src/TwigComponent/doc/index.rst
@@ -1618,15 +1618,15 @@ when using nested components:
     </twig:Card>
 
     {# ✅ this also works because it only uses the Twig syntax #}
-    <twig:Card>
+    {% component Card %}
         {# ... #}
 
-        <twig:block name="footer">
+        {% block footer %}
             {% component 'Button:Primary' with {isBlock: true} %}
                 {% block content %}Edit{% endblock %}
             {% endcomponent %}
-        </twig:block>
-    </twig:Card>
+        {% endblock %}
+    {% endcomponent %}
 
 If you're using `Live Components`_, then there *are* some guidelines related to
 how the re-rendering of parent and child components works. Read `Live Nested Components`_.