diff --git a/src/Icons/CHANGELOG.md b/src/Icons/CHANGELOG.md index 8ff2aad1fb0..0fb15854d99 100644 --- a/src/Icons/CHANGELOG.md +++ b/src/Icons/CHANGELOG.md @@ -3,7 +3,7 @@ ## 2.20.0 - Add `aliases` configuration option to define icon alternative names. -- Add support for `int` and `float` attribute values in ``. +- Add support for `int` and `float` attribute values in ``. ## 2.19.0 diff --git a/src/Icons/README.md b/src/Icons/README.md index 77f0ba69291..782691308d9 100644 --- a/src/Icons/README.md +++ b/src/Icons/README.md @@ -7,7 +7,7 @@ Renders local and remote [SVG icons](https://ux.symfony.com/icons) in your Twig {{ ux_icon('mdi:check', {class: 'w-4 h-4'}) }} {# .. or Twig Component #} - + {# Render the "check" icon from "mdi" pack with class #} diff --git a/src/Icons/doc/index.rst b/src/Icons/doc/index.rst index a20222fd244..36555509700 100644 --- a/src/Icons/doc/index.rst +++ b/src/Icons/doc/index.rst @@ -165,20 +165,20 @@ HTML Syntax ~~~~~~~~~~~ In addition to the ``ux_icon()`` function explained in the previous sections, -this package also supports an alternative HTML syntax based on the ```` +this package also supports an alternative HTML syntax based on the ```` tag: .. code-block:: html - + - + - + - + .. tip:: @@ -298,16 +298,16 @@ HTML Syntax .. code-block:: html+twig - + {# Renders "user-profile.svg" #} - + {# Renders "sub-dir/user-profile.svg" (sub-directory) #} - + {# Renders "flowbite:user-solid" from ux.symfony.com #} - + .. note:: @@ -363,9 +363,9 @@ Now, you can use the ``dots`` alias in your templates: {{ ux_icon('clarity:ellipsis-horizontal-line') }} {# using the HTML syntax #} - + {# same as: #} - + Errors ------ @@ -419,7 +419,7 @@ three methods to improve icons accessibility, depending on the context. Back to profile -That is why the ``ux_icon()`` function and the ```` component add +That is why the ``ux_icon()`` function and the ```` component add ``aria-hidden="true"`` attribute **automatically** to icons not having at least one of the following attributes: ``aria-label``, ``aria-labelledby`` or ``title``. @@ -430,7 +430,7 @@ of the following attributes: ``aria-label``, ``aria-labelledby`` or ``title``. .. code-block:: html+twig - + Performance ----------- @@ -461,7 +461,7 @@ In production, you can pre-warm the cache by running the following command: $ php bin/console ux:icons:warm-cache This command looks in all your Twig templates for ``ux_icon()`` calls and -```` tags and caches the icons it finds. +```` tags and caches the icons it finds. .. caution:: @@ -493,18 +493,18 @@ TwigComponent ~~~~~~~~~~~~~ The ``ux_icon()`` function is optimized to be as fast as possible. To deliver the -same level of performance when using the HTML syntax (````), +same level of performance when using the HTML syntax (````), the TwigComponent overhead is reduced by calling the IconRenderer immediately and returning the HTML output. .. warning:: - The component does not support embedded content. + The component does not support embedded content. .. code-block:: html+twig {# The 🧸 will be ignored in the HTML output #} - 🧸 + 🧸 {# Renders "user-profile.svg" #} diff --git a/src/Icons/tests/Integration/RenderIconsInTwigTest.php b/src/Icons/tests/Integration/RenderIconsInTwigTest.php index 8789f29a150..99e30fcf01e 100644 --- a/src/Icons/tests/Integration/RenderIconsInTwigTest.php +++ b/src/Icons/tests/Integration/RenderIconsInTwigTest.php @@ -43,10 +43,10 @@ public function testRenderIcons(): void public function testRenderAliasIcons(): void { - $templateIcon = ''; + $templateIcon = ''; $outputIcon = self::getContainer()->get(Environment::class)->createTemplate($templateIcon)->render(); - $templateAlias = ''; + $templateAlias = ''; $outputAlias = self::getContainer()->get(Environment::class)->createTemplate($templateAlias)->render(); $expected = ''; diff --git a/src/Map/CHANGELOG.md b/src/Map/CHANGELOG.md index 493b1c01b91..64b3fa2c32a 100644 --- a/src/Map/CHANGELOG.md +++ b/src/Map/CHANGELOG.md @@ -22,10 +22,10 @@ ## 2.20 - Deprecate `render_map` Twig function (will be removed in 2.21). Use - `ux_map` or the `` Twig component instead. + `ux_map` or the `` Twig component instead. - Add `ux_map` Twig function (replaces `render_map` with a more flexible interface) -- Add `` Twig component +- Add `` Twig component - The importmap entry `@symfony/ux-map/abstract-map-controller` can be removed from your importmap, it is no longer needed. - Add `Polygon` support diff --git a/src/Map/doc/index.rst b/src/Map/doc/index.rst index b97955f2cee..6edc4852510 100644 --- a/src/Map/doc/index.rst +++ b/src/Map/doc/index.rst @@ -243,14 +243,14 @@ templates. The function accepts the same arguments as the ``Map`` class: } ) }} -Twig Component ```` +Twig Component ```` ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -Alternatively, you can use the ```` component. +Alternatively, you can use the ```` component. .. code-block:: html+twig - get('twig'); - $template = $twig->createTemplate(''); + $template = $twig->createTemplate(''); $this->assertSame( '
', diff --git a/ux.symfony.com/cookbook/component_architecture.md b/ux.symfony.com/cookbook/component_architecture.md index d178c87d4ad..632f16f0c3c 100644 --- a/ux.symfony.com/cookbook/component_architecture.md +++ b/ux.symfony.com/cookbook/component_architecture.md @@ -33,7 +33,7 @@ In Symfony, you can have an `Alert` component, for example, with the following t ```twig
- + {{ message }}
``` @@ -43,9 +43,9 @@ Or you can compose with the following syntax: ```twig - + - + ``` @@ -79,7 +79,7 @@ We have the following template: {% props type, icon, message %}
- + {{ message }}
```