-
+
This component is quite standard: the page number as a `LiveProp`, a `LiveAction`
to load the next page, and a `getItems` method to retrieve the page results.
diff --git a/ux.symfony.com/templates/demos/live_component/inline_edit.html.twig b/ux.symfony.com/templates/demos/live_component/inline_edit.html.twig
index 2a7628d20b6..233b68f64fc 100644
--- a/ux.symfony.com/templates/demos/live_component/inline_edit.html.twig
+++ b/ux.symfony.com/templates/demos/live_component/inline_edit.html.twig
@@ -1,7 +1,7 @@
{% extends 'demos/live_demo.html.twig' %}
{% block code_block_left %}
-
+
{% endblock %}
{% block code_block_right %}
diff --git a/ux.symfony.com/templates/demos/live_component/invoice.html.twig b/ux.symfony.com/templates/demos/live_component/invoice.html.twig
index b4c54257771..9d9340b397d 100644
--- a/ux.symfony.com/templates/demos/live_component/invoice.html.twig
+++ b/ux.symfony.com/templates/demos/live_component/invoice.html.twig
@@ -1,7 +1,7 @@
{% extends 'demos/live_demo.html.twig' %}
{% block code_block_full %}
-
+
## Main Component
This main component keeps track of the `Invoice` (which may be new) and
@@ -30,7 +30,7 @@ data: `productId`, `quantity`, and `isEditing`. It also passes a `key`,
which is needed so LiveComponents can track which row is which.
-
+
## Child Component
The child component for each "line item". This handles validating, saving,
diff --git a/ux.symfony.com/templates/demos/live_component/product_form.html.twig b/ux.symfony.com/templates/demos/live_component/product_form.html.twig
index bb2a7adad32..6aad5da5a10 100644
--- a/ux.symfony.com/templates/demos/live_component/product_form.html.twig
+++ b/ux.symfony.com/templates/demos/live_component/product_form.html.twig
@@ -5,7 +5,7 @@
{% endblock %}
{% block code_block_full %}
-
+
## New Product Form
Live component with a form, `ValidatableComponentTrait` and a
@@ -31,7 +31,7 @@ and `data-bs-target="#new-category-modal"`.
## New Category Form
@@ -45,7 +45,7 @@ the new `Category` to the database and then does two important things:
diff --git a/ux.symfony.com/templates/demos/live_component/upload.html.twig b/ux.symfony.com/templates/demos/live_component/upload.html.twig
index 671f4fbd412..246d47b8a03 100644
--- a/ux.symfony.com/templates/demos/live_component/upload.html.twig
+++ b/ux.symfony.com/templates/demos/live_component/upload.html.twig
@@ -1,7 +1,7 @@
{% extends 'demos/live_demo.html.twig' %}
{% block code_block_left %}
-
+
{% endblock %}
{% block code_block_right %}
diff --git a/ux.symfony.com/templates/demos/live_component/voting.html.twig b/ux.symfony.com/templates/demos/live_component/voting.html.twig
index 776ba909fe1..34da62e0748 100644
--- a/ux.symfony.com/templates/demos/live_component/voting.html.twig
+++ b/ux.symfony.com/templates/demos/live_component/voting.html.twig
@@ -1,7 +1,7 @@
{% extends 'demos/live_demo.html.twig' %}
{% block code_block_left %}
-
+
{% endblock %}
{% block code_block_right %}
diff --git a/ux.symfony.com/templates/ux_packages/twig_component.html.twig b/ux.symfony.com/templates/ux_packages/twig_component.html.twig
index 843a33dde1c..91da8abbc18 100644
--- a/ux.symfony.com/templates/ux_packages/twig_component.html.twig
+++ b/ux.symfony.com/templates/ux_packages/twig_component.html.twig
@@ -16,7 +16,7 @@
{% endblock %}
{% block code_block_left %}
-
+
{% endblock %}
{% block code_block_right %}