GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/es/media/970-iceberg

Components

18 Twig Components
27 Render Count
443 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 41.79ms
Heading:Large
[Anonymous]
components/Heading/Large.html.twig
2 16.55ms
Store:User
"App\Twig\Components\Store\User"
components/Store/User.html.twig
1 17.85ms
Header
[Anonymous]
components/Header/index.html.twig
1 122.69ms
Layout:Stack
[Anonymous]
components/Layout/Stack.html.twig
1 78.35ms
Header:Anonymous
[Anonymous]
components/Header/Anonymous.html.twig
1 76.62ms
Header:Logo
[Anonymous]
components/Header/Logo.html.twig
1 1.23ms
Header:LocalePicker
[Anonymous]
components/Header/LocalePicker.html.twig
1 40.65ms
LoginLink
[Anonymous]
components/LoginLink.html.twig
1 17.42ms
Dialog:LocalePicker
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig
1 40.32ms
Dialog
[Anonymous]
components/Dialog/index.html.twig
1 22.67ms
Banner:UserBanners
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig
1 0.69ms
MediaField
[Anonymous]
components/MediaField.html.twig
1 0.33ms
Demo:Video
[Anonymous]
components/Demo/Video.html.twig
1 0.76ms
Showcase:RevealPill
[Anonymous]
components/Showcase/RevealPill.html.twig
1 17.14ms
Showcase:Reveal
[Anonymous]
components/Showcase/Reveal.html.twig
1 1.26ms
DemoForm
[Anonymous]
components/DemoForm.html.twig
1 242.50ms
Footer
[Anonymous]
components/Footer/index.html.twig
1 24.83ms

Render calls

Store:User App\Twig\Components\Store\User 10.0 MiB 17.85 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Store\User {#3306
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3307 …}
}
Header
[Anonymous]
10.0 MiB 122.69 ms
Input props
[
  "notSticky" => false
]
Attributes
[
  "notSticky" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3337
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack
[Anonymous]
10.0 MiB 78.35 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 {#3363
  -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 76.62 ms
Input props
[
  "minimal" => false
]
Attributes
[
  "minimal" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3419
  -props: [
    "minimal" => false
  ]
}
Header:Logo
[Anonymous]
10.0 MiB 1.23 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3443
  -props: []
}
Header:LocalePicker
[Anonymous]
10.0 MiB 40.65 ms
Input props
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3460
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 20.04 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 {#3485
  +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 17.42 ms
Input props
[
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "class" => "grow"
  "size" => "small"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3477
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.47 ms
Input props
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/970-iceberg"
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "data-compo" => "LoginLink"
  "href" => "/es/login?next=/es/media/970-iceberg"
  "class" => "grow"
]
Component
App\Twig\Components\Button {#3563
  +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.85 ms
Input props
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/es/subscribe/"
]
Attributes
[
  "class" => "grow"
  "href" => "/es/subscribe/"
]
Component
App\Twig\Components\Button {#3577
  +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 40.32 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Dialog\LocalePicker {#3401
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1480 …}
}
Dialog
[Anonymous]
10.0 MiB 22.67 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 {#3614
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.20 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 {#3648
  +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.95 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/970-iceberg"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/970-iceberg"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component
App\Twig\Components\Button {#3679
  +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.67 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/970-iceberg"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/970-iceberg"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component
App\Twig\Components\Button {#3716
  +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.68 ms
Input props
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/es/media/970-iceberg"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => "done"
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/es/media/970-iceberg"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "es"
]
Component
App\Twig\Components\Button {#3735
  +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.52 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/970-eisberg"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/de/media/970-eisberg"
  "beforeIcon" => null
  "data-locale-picker-target" => "de"
]
Component
App\Twig\Components\Button {#3755
  +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 0.69 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Banner\UserBanners {#3354
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField
[Anonymous]
10.0 MiB 0.33 ms
Input props
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 970
    "title" => "Iceberg"
    "slug" => "iceberg"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1649635200 {#1392
      date: 2022-04-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Entender por qu&eacute; flota un iceberg.</li>\r\n
      \t<li>Jugar con el centro de masa de un s&oacute;lido.</li>\r\n
      \t<li>Introducir el concepto de acoplamiento de fuerzas.</li>\r\n
      \t<li>Definir las condiciones de equilibrio estable.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Un iceberg (&quot;monta&ntilde;a de hielo&quot;) es un bloque de hielo que se ha desprendido de un glaciar o casquete polar en un proceso llamado desprendimiento.</p>\r\n
      \r\n
      <p>Un iceberg pesa varios millones de toneladas y, sin embargo, flota. Recuerda que el agua dulce tiene una densidad ligeramente menor que el agua salada del oc&eacute;ano, pero la raz&oacute;n principal es la siguiente.</p>\r\n
      \r\n
      <p>Todos los l&iacute;quidos tienen la propiedad de reducir su volumen cuando se solidifican en hielo. Todos excepto el agua. Al convertirse en hielo, el agua gana volumen y, como resultado, el hielo de agua es menos denso que el agua l&iacute;quida. Esta es una propiedad notable que explica por qu&eacute; la fuerza de Arqu&iacute;medes de un cubo de hielo totalmente sumergido supera la fuerza de su peso, por lo que el cubo de hielo sube a la superficie.</p>\r\n
      \r\n
      <p>La flotaci&oacute;n de un iceberg es una hermosa ilustraci&oacute;n del principio de Arqu&iacute;medes y esta animaci&oacute;n permite jugar con las formas y observar c&oacute;mo interact&uacute;an las dos fuerzas. Dado que la densidad del hielo es un poco m&aacute;s baja que la del agua que lo rodea, alrededor del 10% del volumen del iceberg emerge cuando la fuerza de Arqu&iacute;medes F<sub>A</sub> y el peso F<sub>g</sub> se equilibran.</p>\r\n
      \r\n
      <p>Citas:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li><a href="https://scipython.com/blog/iceberg-dynamics/">https://scipython.com/blog/iceberg-dynamics/</a></li>\r\n
      \t<li><a href="https://joshdata.me/iceberger.html">https://joshdata.me/iceberger.html</a> de Joshua Tauberer</li>\r\n
      </ul>
      """
    "suggestions" => []
    "tags" => [
      "arquímedes"
      "centro de masa"
      "equilibrio"
      "iceberg"
    ]
    "baseNodeName" => null
  ]
  "key" => "goals"
]
Attributes
[
  "title" => "Objetivos de aprendizaje"
  "media" => [
    "id" => 970
    "title" => "Iceberg"
    "slug" => "iceberg"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1649635200 {#1392
      date: 2022-04-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Entender por qu&eacute; flota un iceberg.</li>\r\n
      \t<li>Jugar con el centro de masa de un s&oacute;lido.</li>\r\n
      \t<li>Introducir el concepto de acoplamiento de fuerzas.</li>\r\n
      \t<li>Definir las condiciones de equilibrio estable.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Un iceberg (&quot;monta&ntilde;a de hielo&quot;) es un bloque de hielo que se ha desprendido de un glaciar o casquete polar en un proceso llamado desprendimiento.</p>\r\n
      \r\n
      <p>Un iceberg pesa varios millones de toneladas y, sin embargo, flota. Recuerda que el agua dulce tiene una densidad ligeramente menor que el agua salada del oc&eacute;ano, pero la raz&oacute;n principal es la siguiente.</p>\r\n
      \r\n
      <p>Todos los l&iacute;quidos tienen la propiedad de reducir su volumen cuando se solidifican en hielo. Todos excepto el agua. Al convertirse en hielo, el agua gana volumen y, como resultado, el hielo de agua es menos denso que el agua l&iacute;quida. Esta es una propiedad notable que explica por qu&eacute; la fuerza de Arqu&iacute;medes de un cubo de hielo totalmente sumergido supera la fuerza de su peso, por lo que el cubo de hielo sube a la superficie.</p>\r\n
      \r\n
      <p>La flotaci&oacute;n de un iceberg es una hermosa ilustraci&oacute;n del principio de Arqu&iacute;medes y esta animaci&oacute;n permite jugar con las formas y observar c&oacute;mo interact&uacute;an las dos fuerzas. Dado que la densidad del hielo es un poco m&aacute;s baja que la del agua que lo rodea, alrededor del 10% del volumen del iceberg emerge cuando la fuerza de Arqu&iacute;medes F<sub>A</sub> y el peso F<sub>g</sub> se equilibran.</p>\r\n
      \r\n
      <p>Citas:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li><a href="https://scipython.com/blog/iceberg-dynamics/">https://scipython.com/blog/iceberg-dynamics/</a></li>\r\n
      \t<li><a href="https://joshdata.me/iceberger.html">https://joshdata.me/iceberger.html</a> de Joshua Tauberer</li>\r\n
      </ul>
      """
    "suggestions" => []
    "tags" => [
      "arquímedes"
      "centro de masa"
      "equilibrio"
      "iceberg"
    ]
    "baseNodeName" => null
  ]
  "key" => "goals"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3787
  -props: [
    "title" => "Objetivos de aprendizaje"
    "media" => [
      "id" => 970
      "title" => "Iceberg"
      "slug" => "iceberg"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/970-6545f49099ef1313326972.webp"
      ]
      "thumbnailBackground" => "#00b7ad"
      "publishedAt" => DateTimeImmutable @1649635200 {#1392
        date: 2022-04-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Entender por qu&eacute; flota un iceberg.</li>\r\n
        \t<li>Jugar con el centro de masa de un s&oacute;lido.</li>\r\n
        \t<li>Introducir el concepto de acoplamiento de fuerzas.</li>\r\n
        \t<li>Definir las condiciones de equilibrio estable.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>Un iceberg (&quot;monta&ntilde;a de hielo&quot;) es un bloque de hielo que se ha desprendido de un glaciar o casquete polar en un proceso llamado desprendimiento.</p>\r\n
        \r\n
        <p>Un iceberg pesa varios millones de toneladas y, sin embargo, flota. Recuerda que el agua dulce tiene una densidad ligeramente menor que el agua salada del oc&eacute;ano, pero la raz&oacute;n principal es la siguiente.</p>\r\n
        \r\n
        <p>Todos los l&iacute;quidos tienen la propiedad de reducir su volumen cuando se solidifican en hielo. Todos excepto el agua. Al convertirse en hielo, el agua gana volumen y, como resultado, el hielo de agua es menos denso que el agua l&iacute;quida. Esta es una propiedad notable que explica por qu&eacute; la fuerza de Arqu&iacute;medes de un cubo de hielo totalmente sumergido supera la fuerza de su peso, por lo que el cubo de hielo sube a la superficie.</p>\r\n
        \r\n
        <p>La flotaci&oacute;n de un iceberg es una hermosa ilustraci&oacute;n del principio de Arqu&iacute;medes y esta animaci&oacute;n permite jugar con las formas y observar c&oacute;mo interact&uacute;an las dos fuerzas. Dado que la densidad del hielo es un poco m&aacute;s baja que la del agua que lo rodea, alrededor del 10% del volumen del iceberg emerge cuando la fuerza de Arqu&iacute;medes F<sub>A</sub> y el peso F<sub>g</sub> se equilibran.</p>\r\n
        \r\n
        <p>Citas:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li><a href="https://scipython.com/blog/iceberg-dynamics/">https://scipython.com/blog/iceberg-dynamics/</a></li>\r\n
        \t<li><a href="https://joshdata.me/iceberger.html">https://joshdata.me/iceberger.html</a> de Joshua Tauberer</li>\r\n
        </ul>
        """
      "suggestions" => []
      "tags" => [
        "arquímedes"
        "centro de masa"
        "equilibrio"
        "iceberg"
      ]
      "baseNodeName" => null
    ]
    "key" => "goals"
  ]
}
Demo:Video
[Anonymous]
10.0 MiB 0.76 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 {#3809
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large
[Anonymous]
10.0 MiB 2.03 ms
Input props
[
  "tag" => "h2"
]
Attributes
[
  "tag" => "h2"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3825
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill
[Anonymous]
10.0 MiB 17.14 ms
Input props
[
  "icon" => "source"
]
Attributes
[
  "icon" => "source"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3849
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal
[Anonymous]
10.0 MiB 1.26 ms
Input props
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#3885
    -content: "Más de 1000 recursos"
    -charset: "UTF-8"
  }
]
Attributes
[
  "class" => "-mt-1"
  "text" => "Más de 1000 recursos"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3887
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#3885
      -content: "Más de 1000 recursos"
      -charset: "UTF-8"
    }
  ]
}
DemoForm
[Anonymous]
10.0 MiB 242.50 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 {#3871
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 15.42 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 {#4131
  +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 14.52 ms
Input props
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes
[
  "class" => "text-white"
  "tag" => "h1"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3916
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
Footer
[Anonymous]
10.0 MiB 24.83 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3834
  -props: []
}