Components
18
Twig Components
27
Render Count
263
ms
Render Time
12.0
MiB
Memory Usage
Components
Render calls
| Store:User | App\Twig\Components\Store\User | 12.0 MiB | 1.35 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Store\User {#3277 -securityService: App\Service\SecurityService {#115 …} -geoService: App\Service\GeoService {#170 …} -institutionUtilsService: App\Service\InstitutionUtilsService {#3278 …} } |
|||
| Header |
[Anonymous]
|
12.0 MiB | 78.37 ms | |
|---|---|---|---|---|
| Input props | [ "notSticky" => false ] |
|||
| Attributes | [ "notSticky" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3308 -props: [ "notSticky" => false ] } |
|||
| Layout:Stack |
[Anonymous]
|
12.0 MiB | 38.12 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 {#3334 -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]
|
12.0 MiB | 36.73 ms | |
|---|---|---|---|---|
| Input props | [ "minimal" => false ] |
|||
| Attributes | [ "minimal" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3390 -props: [ "minimal" => false ] } |
|||
| Header:Logo |
[Anonymous]
|
12.0 MiB | 13.33 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3414 -props: [] } |
|||
| Header:LocalePicker |
[Anonymous]
|
12.0 MiB | 5.29 ms | |
|---|---|---|---|---|
| Input props | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Attributes | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3431 -props: [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 1.98 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 {#3456 +size: "small" +darkColor: "domain" +lightColor: "white" +hoverScheme: "none" +hoverTextColor: null +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: null +afterIconClass: null } |
|||
| LoginLink |
[Anonymous]
|
12.0 MiB | 13.83 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "class" => "grow" "size" => "small" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3448 -props: [ "class" => "grow" "size" => "small" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 11.97 ms | |
|---|---|---|---|---|
| Input props | [ "data-compo" => "LoginLink" "href" => "/de/login?next=/de/media/922-evolution-des-lebens" "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "data-compo" => "LoginLink" "href" => "/de/login?next=/de/media/922-evolution-des-lebens" "class" => "grow" ] |
|||
| Component | App\Twig\Components\Button {#3534 +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 | 12.0 MiB | 1.25 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" "darkColor" => "domain" "href" => "/de/subscribe/" ] |
|||
| Attributes | [ "class" => "grow" "href" => "/de/subscribe/" ] |
|||
| Component | App\Twig\Components\Button {#3548 +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 | 12.0 MiB | 37.03 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Dialog\LocalePicker {#3372 -localeSwitcherService: App\Service\LocaleSwitcherService {#1474 …} } |
|||
| Dialog |
[Anonymous]
|
12.0 MiB | 35.70 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 {#3585 -props: [ "data-compo" => "Dialog/LocalePicker" "id" => "language-picker-dialog" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 1.42 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 {#3619 +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 | 12.0 MiB | 10.88 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/en/media/922-evolution-of-life" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "en" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/en/media/922-evolution-of-life" "beforeIcon" => null "data-locale-picker-target" => "en" ] |
|||
| Component | App\Twig\Components\Button {#3650 +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 | 12.0 MiB | 1.95 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/fr/media/922-l-evolution-du-vivant" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "fr" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/fr/media/922-l-evolution-du-vivant" "beforeIcon" => null "data-locale-picker-target" => "fr" ] |
|||
| Component | App\Twig\Components\Button {#3687 +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 | 12.0 MiB | 1.77 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/es/media/922-evolucion-de-la-vida" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "es" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/es/media/922-evolucion-de-la-vida" "beforeIcon" => null "data-locale-picker-target" => "es" ] |
|||
| Component | App\Twig\Components\Button {#3706 +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 | 12.0 MiB | 12.44 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/de/media/922-evolution-des-lebens" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => "done" "beforeIconClass" => "text-domain" "data-locale-picker-target" => "de" ] |
|||
| Attributes | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/de/media/922-evolution-des-lebens" "beforeIcon" => "done" "data-locale-picker-target" => "de" ] |
|||
| Component | App\Twig\Components\Button {#3726 +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 | 12.0 MiB | 1.12 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Banner\UserBanners {#3325 -purchaseRepository: App\Repository\PurchaseRepository {#118 …} -securityService: App\Service\SecurityService {#115 …} } |
|||
| MediaField |
[Anonymous]
|
12.0 MiB | 0.74 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Lernziele" "media" => [ "id" => 922 "title" => "Evolution des Lebens" "slug" => "evolution-des-lebens" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp" "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp" "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp" ] "thumbnailBackground" => "#ec008d" "publishedAt" => DateTimeImmutable @1567641600 {#1371 : 2019-09-05 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>Die großen Etappen der Entwicklung des Lebens definieren.</li>\r\n \t<li>Die Geschichte der Menschheit in ihren Kontext bringen. </li>\r\n \t<li>Eine Zeitleiste lesen können. </li>\r\n </ul> """ "width" => 550 "height" => 350 "description" => """ <p>Diese Zeitleiste ist eine Kurzform des großen EduMedia-Freskos "Geschichte der Erde".</p>\r\n \r\n <p>Nur das letzte Äon ist dargestellt: das Phanerozoikum. Es ist das letzte und das kürzeste der vier Äonen (541 Mio J.). Es ist dasjenige, in dem wir leben und sein Hauptcharakteristikum ist die <strong>Explosion der Artenvielfalt</strong>. Das Wort "Phanerozoikum" kommt von den griechischen Wörtern φανερός (<em>phanerós</em> = <em>"sichtbar"</em>) und ζωή (<em>zōḗ = "Lebewesen" oder "Tier"</em>). Die Fülle an Leben, die zum ersten Mal ganz am Ende des Proterozoikums (Ediacarium) beobachtet wurde, beschleunigt sich im Kambrium mit dem, was die Paläontologen <strong>Kambrische Explosion</strong> nennen. Die Artenvielfalt findet sich zunächst unter Wasser, und erst im Silur und im Devon passen sich die Flora und die Fauna an, um das Küstenland zu erobern. Die Dinosaurier haben sehr viel später geherrscht, im Laufe des Mesozoikums (mehr als 150 Millionen Jahre nach dem Landgang von Taktaalik im Devon). Das Phanerozoikum ist das Äon, das wir am besten kennen, da die geologischen Schichten und die Fossilien am besten erhalten sind. Die drei vorhergehenden Äonen werden manchmal zu einem Super-Äon zusammengefasst, das <strong>Präkambrium</strong> genannt wird. </p>\r\n \r\n <p>Das Fresko <strong>vorbeiziehen</strong>, um die Zeit zu durchlaufen der auf die Periode in der Navigationsleiste <strong>klicken</strong>. </p>\r\n \r\n <p>Auf ein Tier <strong>klicken</strong>, um seinen Namen anzeigen zu lassen. </p>\r\n \r\n <p>Danksagung: </p>\r\n \r\n <ul>\r\n \t<li>Fresko "In search of lost times": http://svt.ac-creteil.fr/?Using-fresque-interactive-A-la-recherche-des-temps-perdus</li>\r\n \t<li>Ilga Porth, Holz- und Forstwissenschaften, Laval Universität, Quebec</li>\r\n \t<li>"Planet Earth" von Pierre André Bourque: http://www2.ggl.ulaval.ca/personnel/bourque/intro.pt/planete_terre.html</li>\r\n </ul> """ "suggestions" => [] "tags" => [ "dinosaurier" "eiszeit" "jura" "kreidezeit" "massenaussterben" "neandertaler" "phanerozoikum" "sapiens" "vorgeschichte" "zeitleiste" ] "baseNodeName" => null ] "key" => "goals" ] |
|||
| Attributes | [ "title" => "Lernziele" "media" => [ "id" => 922 "title" => "Evolution des Lebens" "slug" => "evolution-des-lebens" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp" "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp" "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp" ] "thumbnailBackground" => "#ec008d" "publishedAt" => DateTimeImmutable @1567641600 {#1371 : 2019-09-05 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>Die großen Etappen der Entwicklung des Lebens definieren.</li>\r\n \t<li>Die Geschichte der Menschheit in ihren Kontext bringen. </li>\r\n \t<li>Eine Zeitleiste lesen können. </li>\r\n </ul> """ "width" => 550 "height" => 350 "description" => """ <p>Diese Zeitleiste ist eine Kurzform des großen EduMedia-Freskos "Geschichte der Erde".</p>\r\n \r\n <p>Nur das letzte Äon ist dargestellt: das Phanerozoikum. Es ist das letzte und das kürzeste der vier Äonen (541 Mio J.). Es ist dasjenige, in dem wir leben und sein Hauptcharakteristikum ist die <strong>Explosion der Artenvielfalt</strong>. Das Wort "Phanerozoikum" kommt von den griechischen Wörtern φανερός (<em>phanerós</em> = <em>"sichtbar"</em>) und ζωή (<em>zōḗ = "Lebewesen" oder "Tier"</em>). Die Fülle an Leben, die zum ersten Mal ganz am Ende des Proterozoikums (Ediacarium) beobachtet wurde, beschleunigt sich im Kambrium mit dem, was die Paläontologen <strong>Kambrische Explosion</strong> nennen. Die Artenvielfalt findet sich zunächst unter Wasser, und erst im Silur und im Devon passen sich die Flora und die Fauna an, um das Küstenland zu erobern. Die Dinosaurier haben sehr viel später geherrscht, im Laufe des Mesozoikums (mehr als 150 Millionen Jahre nach dem Landgang von Taktaalik im Devon). Das Phanerozoikum ist das Äon, das wir am besten kennen, da die geologischen Schichten und die Fossilien am besten erhalten sind. Die drei vorhergehenden Äonen werden manchmal zu einem Super-Äon zusammengefasst, das <strong>Präkambrium</strong> genannt wird. </p>\r\n \r\n <p>Das Fresko <strong>vorbeiziehen</strong>, um die Zeit zu durchlaufen der auf die Periode in der Navigationsleiste <strong>klicken</strong>. </p>\r\n \r\n <p>Auf ein Tier <strong>klicken</strong>, um seinen Namen anzeigen zu lassen. </p>\r\n \r\n <p>Danksagung: </p>\r\n \r\n <ul>\r\n \t<li>Fresko "In search of lost times": http://svt.ac-creteil.fr/?Using-fresque-interactive-A-la-recherche-des-temps-perdus</li>\r\n \t<li>Ilga Porth, Holz- und Forstwissenschaften, Laval Universität, Quebec</li>\r\n \t<li>"Planet Earth" von Pierre André Bourque: http://www2.ggl.ulaval.ca/personnel/bourque/intro.pt/planete_terre.html</li>\r\n </ul> """ "suggestions" => [] "tags" => [ "dinosaurier" "eiszeit" "jura" "kreidezeit" "massenaussterben" "neandertaler" "phanerozoikum" "sapiens" "vorgeschichte" "zeitleiste" ] "baseNodeName" => null ] "key" => "goals" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3758 -props: [ "title" => "Lernziele" "media" => [ "id" => 922 "title" => "Evolution des Lebens" "slug" => "evolution-des-lebens" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp" "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp" "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/922-6545f47a26ef6879346943.webp" ] "thumbnailBackground" => "#ec008d" "publishedAt" => DateTimeImmutable @1567641600 {#1371 : 2019-09-05 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>Die großen Etappen der Entwicklung des Lebens definieren.</li>\r\n \t<li>Die Geschichte der Menschheit in ihren Kontext bringen. </li>\r\n \t<li>Eine Zeitleiste lesen können. </li>\r\n </ul> """ "width" => 550 "height" => 350 "description" => """ <p>Diese Zeitleiste ist eine Kurzform des großen EduMedia-Freskos "Geschichte der Erde".</p>\r\n \r\n <p>Nur das letzte Äon ist dargestellt: das Phanerozoikum. Es ist das letzte und das kürzeste der vier Äonen (541 Mio J.). Es ist dasjenige, in dem wir leben und sein Hauptcharakteristikum ist die <strong>Explosion der Artenvielfalt</strong>. Das Wort "Phanerozoikum" kommt von den griechischen Wörtern φανερός (<em>phanerós</em> = <em>"sichtbar"</em>) und ζωή (<em>zōḗ = "Lebewesen" oder "Tier"</em>). Die Fülle an Leben, die zum ersten Mal ganz am Ende des Proterozoikums (Ediacarium) beobachtet wurde, beschleunigt sich im Kambrium mit dem, was die Paläontologen <strong>Kambrische Explosion</strong> nennen. Die Artenvielfalt findet sich zunächst unter Wasser, und erst im Silur und im Devon passen sich die Flora und die Fauna an, um das Küstenland zu erobern. Die Dinosaurier haben sehr viel später geherrscht, im Laufe des Mesozoikums (mehr als 150 Millionen Jahre nach dem Landgang von Taktaalik im Devon). Das Phanerozoikum ist das Äon, das wir am besten kennen, da die geologischen Schichten und die Fossilien am besten erhalten sind. Die drei vorhergehenden Äonen werden manchmal zu einem Super-Äon zusammengefasst, das <strong>Präkambrium</strong> genannt wird. </p>\r\n \r\n <p>Das Fresko <strong>vorbeiziehen</strong>, um die Zeit zu durchlaufen der auf die Periode in der Navigationsleiste <strong>klicken</strong>. </p>\r\n \r\n <p>Auf ein Tier <strong>klicken</strong>, um seinen Namen anzeigen zu lassen. </p>\r\n \r\n <p>Danksagung: </p>\r\n \r\n <ul>\r\n \t<li>Fresko "In search of lost times": http://svt.ac-creteil.fr/?Using-fresque-interactive-A-la-recherche-des-temps-perdus</li>\r\n \t<li>Ilga Porth, Holz- und Forstwissenschaften, Laval Universität, Quebec</li>\r\n \t<li>"Planet Earth" von Pierre André Bourque: http://www2.ggl.ulaval.ca/personnel/bourque/intro.pt/planete_terre.html</li>\r\n </ul> """ "suggestions" => [] "tags" => [ "dinosaurier" "eiszeit" "jura" "kreidezeit" "massenaussterben" "neandertaler" "phanerozoikum" "sapiens" "vorgeschichte" "zeitleiste" ] "baseNodeName" => null ] "key" => "goals" ] } |
|||
| Demo:Video |
[Anonymous]
|
12.0 MiB | 0.79 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 {#3780 -props: [ "width" => "600" "height" => "596" "class" => "max-w-none absolute" ] } |
|||
| Heading:Large |
[Anonymous]
|
12.0 MiB | 1.24 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "h2" ] |
|||
| Attributes | [ "tag" => "h2" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3796 -props: [ "tag" => "h2" ] } |
|||
| Showcase:RevealPill |
[Anonymous]
|
12.0 MiB | 13.63 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "source" ] |
|||
| Attributes | [ "icon" => "source" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3820 -props: [ "icon" => "source" ] } |
|||
| Showcase:Reveal |
[Anonymous]
|
12.0 MiB | 1.09 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "-mt-1" "text" => Twig\Markup {#3856 -content: "Mehr als 1000 Ressourcen" -charset: "UTF-8" } ] |
|||
| Attributes | [ "class" => "-mt-1" "text" => "Mehr als 1000 Ressourcen" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3858 -props: [ "class" => "-mt-1" "text" => Twig\Markup {#3856 -content: "Mehr als 1000 Ressourcen" -charset: "UTF-8" } ] } |
|||
| DemoForm |
[Anonymous]
|
12.0 MiB | 137.65 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 {#3842 -props: [ "isDemoPage" => false "class" => "max-w-prose mx-auto" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 2.07 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 {#4102 +size: null +darkColor: "domain" +lightColor: "white" +hoverScheme: "default" +hoverTextColor: null +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: null +afterIconClass: null } |
|||
| Heading:Large |
[Anonymous]
|
12.0 MiB | 1.52 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Attributes | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3887 -props: [ "class" => "text-white" "tag" => "h1" ] } |
|||
| Footer |
[Anonymous]
|
12.0 MiB | 26.79 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3805 -props: [] } |
|||