Components
17
Twig Components
26
Render Count
259
ms
Render Time
12.0
MiB
Memory Usage
Components
Render calls
| Store:User | App\Twig\Components\Store\User | 12.0 MiB | 1.82 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Store\User {#2073 -securityService: App\Service\SecurityService {#115 …} -geoService: App\Service\GeoService {#171 …} -institutionUtilsService: App\Service\InstitutionUtilsService {#2074 …} } |
|||
| Header |
[Anonymous]
|
12.0 MiB | 57.72 ms | |
|---|---|---|---|---|
| Input props | [ "notSticky" => true ] |
|||
| Attributes | [ "notSticky" => true ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2104 -props: [ "notSticky" => true ] } |
|||
| Layout:Stack |
[Anonymous]
|
12.0 MiB | 23.42 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" ] |
|||
| 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" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2130 -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" ] } |
|||
| Header:Anonymous |
[Anonymous]
|
12.0 MiB | 21.15 ms | |
|---|---|---|---|---|
| Input props | [ "minimal" => false ] |
|||
| Attributes | [ "minimal" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2186 -props: [ "minimal" => false ] } |
|||
| Header:Logo |
[Anonymous]
|
12.0 MiB | 0.90 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2210 -props: [] } |
|||
| Header:LocalePicker |
[Anonymous]
|
12.0 MiB | 4.11 ms | |
|---|---|---|---|---|
| Input props | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Attributes | [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2227 -props: [ "size" => "small" "hoverScheme" => "none" "darkColor" => "domain" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 1.12 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 {#2252 +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 | 12.59 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "class" => "grow" "size" => "small" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2244 -props: [ "class" => "grow" "size" => "small" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 1.11 ms | |
|---|---|---|---|---|
| Input props | [ "data-compo" => "LoginLink" "href" => "/es/login" "class" => "grow" "size" => "small" ] |
|||
| Attributes | [ "data-compo" => "LoginLink" "href" => "/es/login" "class" => "grow" ] |
|||
| Component | App\Twig\Components\Button {#2330 +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 | 0.84 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grow" "size" => "small" "darkColor" => "domain" "href" => "/es/subscribe/" ] |
|||
| Attributes | [ "class" => "grow" "href" => "/es/subscribe/" ] |
|||
| Component | App\Twig\Components\Button {#2344 +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 | 21.98 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Dialog\LocalePicker {#2168 -localeSwitcherService: App\Service\LocaleSwitcherService {#1245 …} } |
|||
| Dialog |
[Anonymous]
|
12.0 MiB | 20.79 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 {#2381 -props: [ "data-compo" => "Dialog/LocalePicker" "id" => "language-picker-dialog" ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 1.02 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 {#2415 +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 | 0.80 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/en/demo/" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "en" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/en/demo/" "beforeIcon" => null "data-locale-picker-target" => "en" ] |
|||
| Component | App\Twig\Components\Button {#2458 +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 | 10.77 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/fr/demo/" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "fr" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/fr/demo/" "beforeIcon" => null "data-locale-picker-target" => "fr" ] |
|||
| Component | App\Twig\Components\Button {#2487 +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.79 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento pointer-events-none" "href" => "/es/demo/" "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/demo/" "beforeIcon" => "done" "data-locale-picker-target" => "es" ] |
|||
| Component | App\Twig\Components\Button {#2506 +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.41 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "w-full mb-bento " "href" => "/de/demo/" "hoverScheme" => "none" "hoverTextColor" => "domain" "beforeIcon" => null "beforeIconClass" => "text-domain" "data-locale-picker-target" => "de" ] |
|||
| Attributes | [ "class" => "w-full mb-bento " "href" => "/de/demo/" "beforeIcon" => null "data-locale-picker-target" => "de" ] |
|||
| Component | App\Twig\Components\Button {#2526 +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.59 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Banner\UserBanners {#2121 -purchaseRepository: App\Repository\PurchaseRepository {#118 …} -securityService: App\Service\SecurityService {#115 …} } |
|||
| Heading:Large |
[Anonymous]
|
12.0 MiB | 12.40 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "text-center text-white" "tag" => "h1" ] |
|||
| Attributes | [ "class" => "text-center text-white" "tag" => "h1" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2554 -props: [ "class" => "text-center text-white" "tag" => "h1" ] } |
|||
| Showcase:RevealPill |
[Anonymous]
|
12.0 MiB | 3.40 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "text-white" "icon" => "drafts" ] |
|||
| Attributes | [ "class" => "text-white" "icon" => "drafts" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2580 -props: [ "class" => "text-white" "icon" => "drafts" ] } |
|||
| Showcase:Reveal |
[Anonymous]
|
12.0 MiB | 1.33 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "-mt-1" "text" => Twig\Markup {#2616 -content: "¡Probarlo!" -charset: "UTF-8" } ] |
|||
| Attributes | [ "class" => "-mt-1" "text" => "¡Probarlo!" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2618 -props: [ "class" => "-mt-1" "text" => Twig\Markup {#2616 -content: "¡Probarlo!" -charset: "UTF-8" } ] } |
|||
| Heading:Large |
[Anonymous]
|
12.0 MiB | 1.09 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "h3" "class" => "text-white bg-gold p-4 rounded-bento !leading-[1em]" ] |
|||
| Attributes | [ "tag" => "h3" "class" => "text-white bg-gold p-4 rounded-bento !leading-[1em]" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2602 -props: [ "tag" => "h3" "class" => "text-white bg-gold p-4 rounded-bento !leading-[1em]" ] } |
|||
| DemoForm |
[Anonymous]
|
12.0 MiB | 152.41 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "p-4 md:p-8" "isDemoPage" => true "success" => false "successWithDemoAccount" => false "isSpam" => false ] |
|||
| Attributes | [ "class" => "p-4 md:p-8" "isDemoPage" => true "success" => false "successWithDemoAccount" => false "isSpam" => false ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2647 -props: [ "class" => "p-4 md:p-8" "isDemoPage" => true "success" => false "successWithDemoAccount" => false "isSpam" => false ] } |
|||
| Button | App\Twig\Components\Button | 12.0 MiB | 1.85 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 {#2884 +size: null +darkColor: "domain" +lightColor: "white" +hoverScheme: "default" +hoverTextColor: null +disabled: false +noLabelOnSmallScreen: false +iconClass: null +beforeIconClass: null +afterIconClass: null } |
|||
| Demo:Video |
[Anonymous]
|
12.0 MiB | 1.02 ms | |
|---|---|---|---|---|
| Input props | [ "width" => "900" "height" => "894" "class" => "max-w-none absolute top-0 left-0" ] |
|||
| Attributes | [ "width" => "900" "height" => "894" "class" => "max-w-none absolute top-0 left-0" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2669 -props: [ "width" => "900" "height" => "894" "class" => "max-w-none absolute top-0 left-0" ] } |
|||
| Footer |
[Anonymous]
|
12.0 MiB | 27.63 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2562 -props: [] } |
|||