Components
2
Twig Components
4
Render Count
2
ms
Render Time
14.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| Button |
"App\Twig\Components\Button"components/Button.html.twig |
3 | 0.45ms |
| HomepageMarketing |
"App\Twig\Components\HomepageMarketing"components/HomepageMarketing.html.twig |
1 | 2.39ms |
Render calls
| HomepageMarketing | App\Twig\Components\HomepageMarketing | 14.0 MiB | 2.39 ms | |
|---|---|---|---|---|
| Input props | [ "kicker" => "homepage.kicker" "title" => "homepage.h1" "lead" => "homepage.lead" "tagline" => "branding.tagline" "topicsTitle" => "homepage.block_topics.title" "topicsBody" => "homepage.block_topics.body" "goalTitle" => "homepage.block_goal.title" "goalBody" => "homepage.block_goal.body" "quizButton" => App\View\Button {#2033 +label: "homepage.cta.quiz" +href: "/quiz/search" +icon: null +color: App\View\Enum\ButtonColor {#1996 …} +style: App\View\Enum\ButtonStyle {#2013 …} +size: App\View\Enum\ButtonSize {#1284 …} +width: App\View\Enum\ButtonWidth {#1685 …} +buttonType: App\View\Enum\ButtonType {#2072 …} +iconPosition: App\View\Enum\ButtonIconPosition {#691 …} +isActive: false +isDisabled: false +title: null +ariaLabel: null +attributes: [] } "questionButton" => App\View\Button {#717 +label: "homepage.cta.questions" +href: "/question/search?applied=1&includeShared=1" +icon: null +color: App\View\Enum\ButtonColor {#2053 …} +style: App\View\Enum\ButtonStyle {#2013 …} +size: App\View\Enum\ButtonSize {#1284 …} +width: App\View\Enum\ButtonWidth {#1685 …} +buttonType: App\View\Enum\ButtonType {#2072 …} +iconPosition: App\View\Enum\ButtonIconPosition {#691 …} +isActive: false +isDisabled: false +title: null +ariaLabel: null +attributes: [] } "featuresTitle" => "homepage.features.title" "features" => [ [ "icon" => "fa-users" "title" => "homepage.features.multiplayer.title" "body" => "homepage.features.multiplayer.body" ] [ "icon" => "fa-comments" "title" => "homepage.features.chat.title" "body" => "homepage.features.chat.body" ] [ "icon" => "fa-bolt" "title" => "homepage.features.realtime.title" "body" => "homepage.features.realtime.body" ] [ "icon" => "fa-chart-line" "title" => "homepage.features.progress.title" "body" => "homepage.features.progress.body" ] ] "howItWorksTitle" => "homepage.how_it_works.title" "howItWorks" => [ [ "step" => "1" "title" => "homepage.how_it_works.step1.title" "body" => "homepage.how_it_works.step1.body" ] [ "step" => "2" "title" => "homepage.how_it_works.step2.title" "body" => "homepage.how_it_works.step2.body" ] [ "step" => "3" "title" => "homepage.how_it_works.step3.title" "body" => "homepage.how_it_works.step3.body" ] ] "skillsTitle" => "homepage.skills.title" "skillsSubtitle" => "homepage.skills.subtitle" "skills" => [ [ "icon" => "fa-cubes" "title" => "homepage.skills.components.title" "body" => "homepage.skills.components.body" "tags" => [ "HttpKernel" "Console" "Form" ] ] [ "icon" => "fa-database" "title" => "homepage.skills.doctrine.title" "body" => "homepage.skills.doctrine.body" "tags" => [ "ORM" "DBAL" "Migrations" ] ] [ "icon" => "fa-code" "title" => "homepage.skills.twig.title" "body" => "homepage.skills.twig.body" "tags" => [ "Components" "Live" "UX" ] ] [ "icon" => "fa-tower-broadcast" "title" => "homepage.skills.mercure.title" "body" => "homepage.skills.mercure.body" "tags" => [ "SSE" "Real-time" "Push" ] ] [ "icon" => "fa-shield-halved" "title" => "homepage.skills.security.title" "body" => "homepage.skills.security.body" "tags" => [ "Voters" "Firewall" "JWT" ] ] [ "icon" => "fa-plug" "title" => "homepage.skills.api.title" "body" => "homepage.skills.api.body" "tags" => [ "API Platform" "REST" "OpenAPI" ] ] ] "statsTitle" => "" "stats" => [] "faqTitle" => "homepage.faq.title" "faq" => [ [ "question" => "homepage.faq.q1.question" "answer" => "homepage.faq.q1.answer" ] [ "question" => "homepage.faq.q2.question" "answer" => "homepage.faq.q2.answer" ] [ "question" => "homepage.faq.q3.question" "answer" => "homepage.faq.q3.answer" ] ] "ctaTitle" => "homepage.final_cta.title" "ctaBody" => "homepage.final_cta.body" "ctaButton" => App\View\Button {#468 +label: "homepage.final_cta.button" +href: "/register" +icon: null +color: App\View\Enum\ButtonColor {#2053 …} +style: App\View\Enum\ButtonStyle {#2013 …} +size: App\View\Enum\ButtonSize {#1284 …} +width: App\View\Enum\ButtonWidth {#1685 …} +buttonType: App\View\Enum\ButtonType {#2072 …} +iconPosition: App\View\Enum\ButtonIconPosition {#691 …} +isActive: false +isDisabled: false +title: null +ariaLabel: null +attributes: [] } ] |
|||
| Attributes | [ "featuresTitle" => "homepage.features.title" "features" => [ [ "icon" => "fa-users" "title" => "homepage.features.multiplayer.title" "body" => "homepage.features.multiplayer.body" ] [ "icon" => "fa-comments" "title" => "homepage.features.chat.title" "body" => "homepage.features.chat.body" ] [ "icon" => "fa-bolt" "title" => "homepage.features.realtime.title" "body" => "homepage.features.realtime.body" ] [ "icon" => "fa-chart-line" "title" => "homepage.features.progress.title" "body" => "homepage.features.progress.body" ] ] "howItWorksTitle" => "homepage.how_it_works.title" "howItWorks" => [ [ "step" => "1" "title" => "homepage.how_it_works.step1.title" "body" => "homepage.how_it_works.step1.body" ] [ "step" => "2" "title" => "homepage.how_it_works.step2.title" "body" => "homepage.how_it_works.step2.body" ] [ "step" => "3" "title" => "homepage.how_it_works.step3.title" "body" => "homepage.how_it_works.step3.body" ] ] "skillsTitle" => "homepage.skills.title" "skillsSubtitle" => "homepage.skills.subtitle" "skills" => [ [ "icon" => "fa-cubes" "title" => "homepage.skills.components.title" "body" => "homepage.skills.components.body" "tags" => [ "HttpKernel" "Console" "Form" ] ] [ "icon" => "fa-database" "title" => "homepage.skills.doctrine.title" "body" => "homepage.skills.doctrine.body" "tags" => [ "ORM" "DBAL" "Migrations" ] ] [ "icon" => "fa-code" "title" => "homepage.skills.twig.title" "body" => "homepage.skills.twig.body" "tags" => [ "Components" "Live" "UX" ] ] [ "icon" => "fa-tower-broadcast" "title" => "homepage.skills.mercure.title" "body" => "homepage.skills.mercure.body" "tags" => [ "SSE" "Real-time" "Push" ] ] [ "icon" => "fa-shield-halved" "title" => "homepage.skills.security.title" "body" => "homepage.skills.security.body" "tags" => [ "Voters" "Firewall" "JWT" ] ] [ "icon" => "fa-plug" "title" => "homepage.skills.api.title" "body" => "homepage.skills.api.body" "tags" => [ "API Platform" "REST" "OpenAPI" ] ] ] "statsTitle" => "" "stats" => [] "faqTitle" => "homepage.faq.title" "faq" => [ [ "question" => "homepage.faq.q1.question" "answer" => "homepage.faq.q1.answer" ] [ "question" => "homepage.faq.q2.question" "answer" => "homepage.faq.q2.answer" ] [ "question" => "homepage.faq.q3.question" "answer" => "homepage.faq.q3.answer" ] ] "ctaTitle" => "homepage.final_cta.title" "ctaBody" => "homepage.final_cta.body" "ctaButton" => App\View\Button {#468 +label: "homepage.final_cta.button" +href: "/register" +icon: null +color: App\View\Enum\ButtonColor {#2053 …} +style: App\View\Enum\ButtonStyle {#2013 …} +size: App\View\Enum\ButtonSize {#1284 …} +width: App\View\Enum\ButtonWidth {#1685 …} +buttonType: App\View\Enum\ButtonType {#2072 …} +iconPosition: App\View\Enum\ButtonIconPosition {#691 …} +isActive: false +isDisabled: false +title: null +ariaLabel: null +attributes: [] } ] |
|||
| Component | App\Twig\Components\HomepageMarketing {#1847 +kicker: "homepage.kicker" +title: "homepage.h1" +lead: "homepage.lead" +tagline: "branding.tagline" +topicsTitle: "homepage.block_topics.title" +topicsBody: "homepage.block_topics.body" +goalTitle: "homepage.block_goal.title" +goalBody: "homepage.block_goal.body" +quizButton: App\View\Button {#2033 +label: "homepage.cta.quiz" +href: "/quiz/search" +icon: null +color: App\View\Enum\ButtonColor {#1996 …} +style: App\View\Enum\ButtonStyle {#2013 …} +size: App\View\Enum\ButtonSize {#1284 …} +width: App\View\Enum\ButtonWidth {#1685 …} +buttonType: App\View\Enum\ButtonType {#2072 …} +iconPosition: App\View\Enum\ButtonIconPosition {#691 …} +isActive: false +isDisabled: false +title: null +ariaLabel: null +attributes: [] } +questionButton: App\View\Button {#717 +label: "homepage.cta.questions" +href: "/question/search?applied=1&includeShared=1" +icon: null +color: App\View\Enum\ButtonColor {#2053 …} +style: App\View\Enum\ButtonStyle {#2013 …} +size: App\View\Enum\ButtonSize {#1284 …} +width: App\View\Enum\ButtonWidth {#1685 …} +buttonType: App\View\Enum\ButtonType {#2072 …} +iconPosition: App\View\Enum\ButtonIconPosition {#691 …} +isActive: false +isDisabled: false +title: null +ariaLabel: null +attributes: [] } } |
|||
| Button | App\Twig\Components\Button | 14.0 MiB | 0.26 ms | |
|---|---|---|---|---|
| Input props | [ "href" => "/question/search?applied=1&includeShared=1" "label" => "homepage.cta.questions" "title" => "homepage.cta.questions" "ariaLabel" => "homepage.cta.questions" "icon" => null "color" => "primary" "style" => "solid" "size" => "default" "width" => "auto" "buttonType" => "button" "iconPosition" => "start" "isActive" => false "isDisabled" => false ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Button {#2103 +color: "primary" +style: "solid" +size: "default" +width: "auto" +buttonType: "button" +iconPosition: "start" +href: "/question/search?applied=1&includeShared=1" +label: "homepage.cta.questions" +title: "homepage.cta.questions" +ariaLabel: "homepage.cta.questions" +icon: null +isLink: true +isActive: false +isDisabled: false } |
|||
| Button | App\Twig\Components\Button | 14.0 MiB | 0.10 ms | |
|---|---|---|---|---|
| Input props | [ "href" => "/quiz/search" "label" => "homepage.cta.quiz" "title" => "homepage.cta.quiz" "ariaLabel" => "homepage.cta.quiz" "icon" => null "color" => "secondary" "style" => "solid" "size" => "default" "width" => "auto" "buttonType" => "button" "iconPosition" => "start" "isActive" => false "isDisabled" => false "class" => "homepage-hero__link" ] |
|||
| Attributes | [ "class" => "homepage-hero__link" ] |
|||
| Component | App\Twig\Components\Button {#1350 +color: "secondary" +style: "solid" +size: "default" +width: "auto" +buttonType: "button" +iconPosition: "start" +href: "/quiz/search" +label: "homepage.cta.quiz" +title: "homepage.cta.quiz" +ariaLabel: "homepage.cta.quiz" +icon: null +isLink: true +isActive: false +isDisabled: false } |
|||
| Button | App\Twig\Components\Button | 14.0 MiB | 0.10 ms | |
|---|---|---|---|---|
| Input props | [ "href" => "/register" "label" => "homepage.final_cta.button" "title" => "homepage.final_cta.button" "ariaLabel" => "homepage.final_cta.button" "icon" => null "color" => "primary" "style" => "solid" "size" => "default" "width" => "auto" "buttonType" => "button" "iconPosition" => "start" "isActive" => false "isDisabled" => false ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Button {#1120 +color: "primary" +style: "solid" +size: "default" +width: "auto" +buttonType: "button" +iconPosition: "start" +href: "/register" +label: "homepage.final_cta.button" +title: "homepage.final_cta.button" +ariaLabel: "homepage.final_cta.button" +icon: null +isLink: true +isActive: false +isDisabled: false } |
|||