Components
18
Twig Components
27
Render Count
525
ms
Render Time
12.0
MiB
Memory Usage
Components
Render calls
| Store:User | App\Twig\Components\Store\User | 12.0 MiB | 2.90 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Store\User {#3300 -securityService: App\Service\SecurityService {#115 …} -geoService: App\Service\GeoService {#170 …} -institutionUtilsService: App\Service\InstitutionUtilsService {#3301 …} } |
|||
| Header |
[Anonymous]
|
12.0 MiB | 144.95 ms | |
|---|---|---|---|---|
| Input props | [ "notSticky" => false ] |
|||
| Attributes | [ "notSticky" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3331 -props: [ "notSticky" => false ] } |
|||
| Layout:Stack |
[Anonymous]
|
12.0 MiB | 119.15 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 {#3357 -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 | 101.00 ms | |
|---|---|---|---|---|
| Input props | [ "minimal" => false ] |
|||
| Attributes | [ "minimal" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3413 -props: [ "minimal" => false ] } |
|||
| Header:Logo |
[Anonymous]
|
12.0 MiB | 0.81 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3437 -props: [] } |
|||
| Header:LocalePicker |
[Anonymous]
|
12.0 MiB | 39.38 ms | |
|---|---|---|---|---|
| Input props | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Attributes | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3454 -props: [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 2.70 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 {#3479 +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 | 32.89 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "class" => "grow" "size" => "small" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3471 -props: [ "class" => "grow" "size" => "small" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 7.72 ms | |
|---|---|---|---|---|
| Input props | [ "data-compo" => "LoginLink" "href" => "/en/login?next=/en/media/910-geological-clock" "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "data-compo" => "LoginLink" "href" => "/en/login?next=/en/media/910-geological-clock" "class" => "grow" ] |
|||
| Component | App\Twig\Components\Button {#3557 +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 | 6.49 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" "darkColor" => "domain" "href" => "/en/subscribe/" ] |
|||
| Attributes | [ "class" => "grow" "href" => "/en/subscribe/" ] |
|||
| Component | App\Twig\Components\Button {#3571 +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 | 22.03 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Dialog\LocalePicker {#3395 -localeSwitcherService: App\Service\LocaleSwitcherService {#1486 …} } |
|||
| Dialog |
[Anonymous]
|
12.0 MiB | 21.20 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 {#3608 -props: [ "data-compo" => "Dialog/LocalePicker" "id" => "language-picker-dialog" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 0.86 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 {#3642 +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 | 1.01 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/en/media/910-geological-clock" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => "done" "beforeIconClass" => "text-domain" "data-locale-picker-target" => "en" ] |
|||
| Attributes | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/en/media/910-geological-clock" "beforeIcon" => "done" "data-locale-picker-target" => "en" ] |
|||
| Component | App\Twig\Components\Button {#3673 +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 | 0.67 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/fr/media/910-horloge-geologique" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "fr" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/fr/media/910-horloge-geologique" "beforeIcon" => null "data-locale-picker-target" => "fr" ] |
|||
| 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 } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 0.69 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/es/media/910-reloj-geologico" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "es" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/es/media/910-reloj-geologico" "beforeIcon" => null "data-locale-picker-target" => "es" ] |
|||
| Component | App\Twig\Components\Button {#3729 +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 | 0.67 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/de/media/910-geologische-uhr" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "de" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/de/media/910-geologische-uhr" "beforeIcon" => null "data-locale-picker-target" => "de" ] |
|||
| Component | App\Twig\Components\Button {#3749 +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 | 0.82 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Banner\UserBanners {#3348 -purchaseRepository: App\Repository\PurchaseRepository {#118 …} -securityService: App\Service\SecurityService {#115 …} } |
|||
| MediaField |
[Anonymous]
|
12.0 MiB | 0.46 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Learning objectives" "media" => [ "id" => 910 "title" => "Geological clock" "slug" => "geological-clock" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/910-6545f4740435d360021626.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/910-6545f4740435d360021626.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/910-6545f4740435d360021626.webp" ] "thumbnailBackground" => "#462f92" "publishedAt" => DateTimeImmutable @1525910400 {#1382 : 2018-05-10 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>To define the terms "Aeon" (or "Eon"), "Era", "Period" and their interweaving.</li>\r\n \t<li>To teach the orders of magnitude of durations.</li>\r\n \t<li>To put the history of humanity in context.</li>\r\n \t<li>To create a timeline.</li>\r\n </ul> """ "width" => 550 "height" => 350 "description" => """ <p>The Earth was formed almost 4.54 billion years ago. This figure is to be placed in comparison with other figures such as:</p>\r\n \r\n <ul>\r\n \t<li>13.6 billion years: estimated age of the universe.</li>\r\n \t<li>4.57 billion years: Sun's age (which is half of his entire life).</li>\r\n </ul>\r\n \r\n <p>The history of the Earth is divided as follows:</p>\r\n \r\n <ul>\r\n \t<li>4 "aeons" or "eons" that last between 540 Myr (Myr = million years) and 2 Byr (Byr = billion years).</li>\r\n \t<li>Each aeon is subdivided into three or four "eras" of a few hundred million years (> 100 Myr).</li>\r\n \t<li>An era divides three or four "periods" of a few tens of millions of years (> 10 Myr)</li>\r\n \t<li>The periods are divided into "epochs" whose unit of time is the million years (> 1 Myr).</li>\r\n </ul>\r\n \r\n <p>The animation does not illustrate the epochs and only the periods of the last aeon (Phanerozoic) are represented.</p>\r\n \r\n <p>The main educational objective of this animation is to represent the history of the Earth in the form of a geological clock to reveal the order of magnitude of the durations and the proportions. Indeed, our usual perception of time does not allow us to correctly grasp the gigantic geological durations at work here. Thus, a mass extinction that appears punctually in the illustration spreads in reality over thousands or even millions of years. Such an event remains however very brutal on a geological time scale.</p>\r\n \r\n <p>If the age of the Earth is reduced to a 12 hour clock, then the first three aeons (called Precambrian) occupy more than 10 hours, the Phanerozoic is only the last 90 minutes and the appearance of hominids the last 30 seconds. Homo sapiens only appears in the last two seconds, at 11:59:58!</p>\r\n \r\n <p>The International Commission on Stratigraphy (ICS) has in its missions the establishment of a geological time scale. This scale is available at http://www.stratigraphy.org/. It is updated according to the discoveries of paleontologists.</p> """ "suggestions" => [] "tags" => [ "chronology" "dinosaurs" "earth" "eons" "eras" "extinctions" "glaciation" "life" "men" "periods" "prehistoric" "ratio" "stratigraphic scale" "timeline" ] "baseNodeName" => null ] "key" => "goals" ] |
|||
| Attributes | [ "title" => "Learning objectives" "media" => [ "id" => 910 "title" => "Geological clock" "slug" => "geological-clock" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/910-6545f4740435d360021626.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/910-6545f4740435d360021626.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/910-6545f4740435d360021626.webp" ] "thumbnailBackground" => "#462f92" "publishedAt" => DateTimeImmutable @1525910400 {#1382 : 2018-05-10 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>To define the terms "Aeon" (or "Eon"), "Era", "Period" and their interweaving.</li>\r\n \t<li>To teach the orders of magnitude of durations.</li>\r\n \t<li>To put the history of humanity in context.</li>\r\n \t<li>To create a timeline.</li>\r\n </ul> """ "width" => 550 "height" => 350 "description" => """ <p>The Earth was formed almost 4.54 billion years ago. This figure is to be placed in comparison with other figures such as:</p>\r\n \r\n <ul>\r\n \t<li>13.6 billion years: estimated age of the universe.</li>\r\n \t<li>4.57 billion years: Sun's age (which is half of his entire life).</li>\r\n </ul>\r\n \r\n <p>The history of the Earth is divided as follows:</p>\r\n \r\n <ul>\r\n \t<li>4 "aeons" or "eons" that last between 540 Myr (Myr = million years) and 2 Byr (Byr = billion years).</li>\r\n \t<li>Each aeon is subdivided into three or four "eras" of a few hundred million years (> 100 Myr).</li>\r\n \t<li>An era divides three or four "periods" of a few tens of millions of years (> 10 Myr)</li>\r\n \t<li>The periods are divided into "epochs" whose unit of time is the million years (> 1 Myr).</li>\r\n </ul>\r\n \r\n <p>The animation does not illustrate the epochs and only the periods of the last aeon (Phanerozoic) are represented.</p>\r\n \r\n <p>The main educational objective of this animation is to represent the history of the Earth in the form of a geological clock to reveal the order of magnitude of the durations and the proportions. Indeed, our usual perception of time does not allow us to correctly grasp the gigantic geological durations at work here. Thus, a mass extinction that appears punctually in the illustration spreads in reality over thousands or even millions of years. Such an event remains however very brutal on a geological time scale.</p>\r\n \r\n <p>If the age of the Earth is reduced to a 12 hour clock, then the first three aeons (called Precambrian) occupy more than 10 hours, the Phanerozoic is only the last 90 minutes and the appearance of hominids the last 30 seconds. Homo sapiens only appears in the last two seconds, at 11:59:58!</p>\r\n \r\n <p>The International Commission on Stratigraphy (ICS) has in its missions the establishment of a geological time scale. This scale is available at http://www.stratigraphy.org/. It is updated according to the discoveries of paleontologists.</p> """ "suggestions" => [] "tags" => [ "chronology" "dinosaurs" "earth" "eons" "eras" "extinctions" "glaciation" "life" "men" "periods" "prehistoric" "ratio" "stratigraphic scale" "timeline" ] "baseNodeName" => null ] "key" => "goals" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3781 -props: [ "title" => "Learning objectives" "media" => [ "id" => 910 "title" => "Geological clock" "slug" => "geological-clock" "mediaType" => "simulation" "thumbnailSizes" => [ "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/910-6545f4740435d360021626.webp" "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/910-6545f4740435d360021626.webp" "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/910-6545f4740435d360021626.webp" ] "thumbnailBackground" => "#462f92" "publishedAt" => DateTimeImmutable @1525910400 {#1382 : 2018-05-10 00:00:00.0 UTC (+00:00) } "isExpert" => false "goals" => """ <ul>\r\n \t<li>To define the terms "Aeon" (or "Eon"), "Era", "Period" and their interweaving.</li>\r\n \t<li>To teach the orders of magnitude of durations.</li>\r\n \t<li>To put the history of humanity in context.</li>\r\n \t<li>To create a timeline.</li>\r\n </ul> """ "width" => 550 "height" => 350 "description" => """ <p>The Earth was formed almost 4.54 billion years ago. This figure is to be placed in comparison with other figures such as:</p>\r\n \r\n <ul>\r\n \t<li>13.6 billion years: estimated age of the universe.</li>\r\n \t<li>4.57 billion years: Sun's age (which is half of his entire life).</li>\r\n </ul>\r\n \r\n <p>The history of the Earth is divided as follows:</p>\r\n \r\n <ul>\r\n \t<li>4 "aeons" or "eons" that last between 540 Myr (Myr = million years) and 2 Byr (Byr = billion years).</li>\r\n \t<li>Each aeon is subdivided into three or four "eras" of a few hundred million years (> 100 Myr).</li>\r\n \t<li>An era divides three or four "periods" of a few tens of millions of years (> 10 Myr)</li>\r\n \t<li>The periods are divided into "epochs" whose unit of time is the million years (> 1 Myr).</li>\r\n </ul>\r\n \r\n <p>The animation does not illustrate the epochs and only the periods of the last aeon (Phanerozoic) are represented.</p>\r\n \r\n <p>The main educational objective of this animation is to represent the history of the Earth in the form of a geological clock to reveal the order of magnitude of the durations and the proportions. Indeed, our usual perception of time does not allow us to correctly grasp the gigantic geological durations at work here. Thus, a mass extinction that appears punctually in the illustration spreads in reality over thousands or even millions of years. Such an event remains however very brutal on a geological time scale.</p>\r\n \r\n <p>If the age of the Earth is reduced to a 12 hour clock, then the first three aeons (called Precambrian) occupy more than 10 hours, the Phanerozoic is only the last 90 minutes and the appearance of hominids the last 30 seconds. Homo sapiens only appears in the last two seconds, at 11:59:58!</p>\r\n \r\n <p>The International Commission on Stratigraphy (ICS) has in its missions the establishment of a geological time scale. This scale is available at http://www.stratigraphy.org/. It is updated according to the discoveries of paleontologists.</p> """ "suggestions" => [] "tags" => [ "chronology" "dinosaurs" "earth" "eons" "eras" "extinctions" "glaciation" "life" "men" "periods" "prehistoric" "ratio" "stratigraphic scale" "timeline" ] "baseNodeName" => null ] "key" => "goals" ] } |
|||
| Demo:Video |
[Anonymous]
|
12.0 MiB | 17.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 {#3803 -props: [ "width" => "600" "height" => "596" "class" => "max-w-none absolute" ] } |
|||
| Heading:Large |
[Anonymous]
|
12.0 MiB | 0.95 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "h2" ] |
|||
| Attributes | [ "tag" => "h2" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3819 -props: [ "tag" => "h2" ] } |
|||
| Showcase:RevealPill |
[Anonymous]
|
12.0 MiB | 1.82 ms | |
|---|---|---|---|---|
| Input props | [ "icon" => "source" ] |
|||
| Attributes | [ "icon" => "source" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3843 -props: [ "icon" => "source" ] } |
|||
| Showcase:Reveal |
[Anonymous]
|
12.0 MiB | 0.77 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "-mt-1" "text" => Twig\Markup {#3879 -content: "Over 1,000 resources" -charset: "UTF-8" } ] |
|||
| Attributes | [ "class" => "-mt-1" "text" => "Over 1,000 resources" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3881 -props: [ "class" => "-mt-1" "text" => Twig\Markup {#3879 -content: "Over 1,000 resources" -charset: "UTF-8" } ] } |
|||
| DemoForm |
[Anonymous]
|
12.0 MiB | 336.88 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 {#3865 -props: [ "isDemoPage" => false "class" => "max-w-prose mx-auto" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 10.79 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 {#4125 +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 | 0.74 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Attributes | [ "class" => "text-white" "tag" => "h1" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3910 -props: [ "class" => "text-white" "tag" => "h1" ] } |
|||
| Footer |
[Anonymous]
|
12.0 MiB | 17.82 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#3828 -props: [] } |
|||