GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/fr/media/768-nombres-pairs-et-impairs

Response
200 OK
IP
216.73.216.102
Profiled on
Token
1f276d

Components

19 Twig Components
28 Render Count
252 ms Render Time
10.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 9.27ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 3.02ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 0.83ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 36.28ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 6.94ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 5.87ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.43ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 1.82ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 1.34ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 19.97ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 19.00ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 11.06ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.38ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.45ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 1.63ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.71ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 177.42ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 20.78ms
Social:Links 
[Anonymous]
components/Social/Links.html.twig 		1 2.48ms

Render calls

Store:User App\Twig\Components\Store\User 10.0 MiB 0.83 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3261
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3262 …}
}
Header 
[Anonymous]
 10.0 MiB 36.28 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3292
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 10.0 MiB 6.94 ms
Input props 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Attributes 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3318
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 10.0 MiB 5.87 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3374
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 10.0 MiB 0.43 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3398
  -props: []
}
Header:LocalePicker 
[Anonymous]
 10.0 MiB 1.82 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3415
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.71 ms
Input props 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "hoverScheme" => "none"
  "darkColor" => "domain"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#3440
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 10.0 MiB 1.34 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3432
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.58 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/768-nombres-pairs-et-impairs"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/fr/login?next=/fr/media/768-nombres-pairs-et-impairs"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3518
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 0.80 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/fr/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/fr/subscribe/"
]
Component 
App\Twig\Components\Button {#3532
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 10.0 MiB 19.97 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3356
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog 
[Anonymous]
 10.0 MiB 19.00 ms
Input props 
[
  "data-compo" => "Dialog/LocalePicker"
  "id" => "language-picker-dialog"
]
Attributes 
[
  "data-compo" => "Dialog/LocalePicker"
  "id" => "language-picker-dialog"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3569
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.08 ms
Input props 
[
  "tag" => "button"
  "size" => "small"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Attributes 
[
  "tag" => "button"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#3603
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 0.96 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/768-even-and-odd-numbers"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/768-even-and-odd-numbers"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#3634
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 0.59 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/768-nombres-pairs-et-impairs"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => "done"
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/fr/media/768-nombres-pairs-et-impairs"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#3671
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 0.54 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/768-numeros-pares-e-impares"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/768-numeros-pares-e-impares"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#3690
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 0.91 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/768-p-gerade-und-ungerade-zahlen-p"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/768-p-gerade-und-ungerade-zahlen-p"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#3710
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 10.0 MiB 11.06 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3309
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 10.0 MiB 0.38 ms
Input props 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 768
    "title" => "Nombres pairs et impairs"
    "slug" => "nombres-pairs-et-impairs"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
    ]
    "thumbnailBackground" => "#f6adcc"
    "publishedAt" => DateTimeImmutable @1431302400 {#1386
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Savoir compter et lire les nombres.&nbsp;</li>\r\n
      \t<li>Savoir reconna&icirc;tre les familles de nombres &agrave; partir de leur chiffre des dizaines.&nbsp;</li>\r\n
      \t<li>Savoir reconna&icirc;tre un nombre pair et impair.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Cette grille num&eacute;rique repr&eacute;sente une suite de 100 nombres s&eacute;lectionn&eacute;s sur l&#39;intervalle [0,199].</p>\r\n
      \r\n
      <p>C&#39;est un outil pour apprendre &agrave; compter et &agrave; reconna&icirc;tre certaines propri&eacute;t&eacute;s des nombres.</p>\r\n
      \r\n
      <p>Les fonctionnalit&eacute;s propos&eacute;es permettent d&#39;introduire les notions de nombres pairs et impairs et de mettre en &eacute;vidence des r&eacute;gularit&eacute;s dans une suite num&eacute;rique.</p>
      """
    "suggestions" => []
    "tags" => [
      "addition"
      "grille numérique"
      "nombres"
      "nombres entiers"
      "nombres impairs"
      "nombres pairs"
      "numération"
    ]
    "baseNodeName" => null
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Objectifs d’apprentissage"
  "media" => [
    "id" => 768
    "title" => "Nombres pairs et impairs"
    "slug" => "nombres-pairs-et-impairs"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
    ]
    "thumbnailBackground" => "#f6adcc"
    "publishedAt" => DateTimeImmutable @1431302400 {#1386
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Savoir compter et lire les nombres.&nbsp;</li>\r\n
      \t<li>Savoir reconna&icirc;tre les familles de nombres &agrave; partir de leur chiffre des dizaines.&nbsp;</li>\r\n
      \t<li>Savoir reconna&icirc;tre un nombre pair et impair.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Cette grille num&eacute;rique repr&eacute;sente une suite de 100 nombres s&eacute;lectionn&eacute;s sur l&#39;intervalle [0,199].</p>\r\n
      \r\n
      <p>C&#39;est un outil pour apprendre &agrave; compter et &agrave; reconna&icirc;tre certaines propri&eacute;t&eacute;s des nombres.</p>\r\n
      \r\n
      <p>Les fonctionnalit&eacute;s propos&eacute;es permettent d&#39;introduire les notions de nombres pairs et impairs et de mettre en &eacute;vidence des r&eacute;gularit&eacute;s dans une suite num&eacute;rique.</p>
      """
    "suggestions" => []
    "tags" => [
      "addition"
      "grille numérique"
      "nombres"
      "nombres entiers"
      "nombres impairs"
      "nombres pairs"
      "numération"
    ]
    "baseNodeName" => null
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3742
  -props: [
    "title" => "Objectifs d’apprentissage"
    "media" => [
      "id" => 768
      "title" => "Nombres pairs et impairs"
      "slug" => "nombres-pairs-et-impairs"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
      ]
      "thumbnailBackground" => "#f6adcc"
      "publishedAt" => DateTimeImmutable @1431302400 {#1386
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Savoir compter et lire les nombres.&nbsp;</li>\r\n
        \t<li>Savoir reconna&icirc;tre les familles de nombres &agrave; partir de leur chiffre des dizaines.&nbsp;</li>\r\n
        \t<li>Savoir reconna&icirc;tre un nombre pair et impair.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Cette grille num&eacute;rique repr&eacute;sente une suite de 100 nombres s&eacute;lectionn&eacute;s sur l&#39;intervalle [0,199].</p>\r\n
        \r\n
        <p>C&#39;est un outil pour apprendre &agrave; compter et &agrave; reconna&icirc;tre certaines propri&eacute;t&eacute;s des nombres.</p>\r\n
        \r\n
        <p>Les fonctionnalit&eacute;s propos&eacute;es permettent d&#39;introduire les notions de nombres pairs et impairs et de mettre en &eacute;vidence des r&eacute;gularit&eacute;s dans une suite num&eacute;rique.</p>
        """
      "suggestions" => []
      "tags" => [
        "addition"
        "grille numérique"
        "nombres"
        "nombres entiers"
        "nombres impairs"
        "nombres pairs"
        "numération"
      ]
      "baseNodeName" => null
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 10.0 MiB 0.45 ms
Input props 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Attributes 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3764
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 10.0 MiB 0.90 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3780
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 10.0 MiB 1.63 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3804
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 10.0 MiB 0.71 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#3840
    -content: "Plus de 1000 ressources"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Plus de 1000 ressources"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3842
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#3840
      -content: "Plus de 1000 ressources"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 10.0 MiB 177.42 ms
Input props 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Attributes 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3826
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 3.10 ms
Input props 
[
  "tag" => "button"
  "type" => "submit"
  "darkColor" => "domain"
  "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled""
]
Attributes 
[
  "tag" => "button"
  "type" => "submit"
  "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled""
]
Component 
App\Twig\Components\Button {#4086
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 10.0 MiB 2.12 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3871
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
Footer 
[Anonymous]
 10.0 MiB 20.78 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3789
  -props: []
}
Social:Links 
[Anonymous]
 10.0 MiB 2.48 ms
Input props 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Attributes 
[
  "color" => "black"
  "class" => "mb-2"
  "size" => "24"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4163
  -props: [
    "color" => "black"
    "class" => "mb-2"
    "size" => "24"
  ]
}