Components
10
Twig Components
22
Render Count
30
ms
Render Time
8.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| Container |
"App\Twig\Components\Container"components/Container.html.twig |
11 | 8.22ms |
| HeroBackground |
"App\Twig\Components\HeroBackground"components/HeroBackground.html.twig |
2 | 0.69ms |
| CutEdgeButton |
"App\Twig\Components\CutEdgeButton"components/CutEdgeButton.html.twig |
2 | 0.71ms |
| Metadata |
"App\Twig\Components\Metadata"components/Metadata.html.twig |
1 | 1.05ms |
| MobileMenu |
"App\Twig\Components\MobileMenu"components/MobileMenu.html.twig |
1 | 12.64ms |
| HeroMobile |
"App\Twig\Components\HeroMobile"components/HeroMobile.html.twig |
1 | 2.07ms |
| HeroDesktop |
"App\Twig\Components\HeroDesktop"components/HeroDesktop.html.twig |
1 | 5.62ms |
| Breadcrumb |
"App\Twig\Components\Breadcrumb"components/Breadcrumb.html.twig |
1 | 0.58ms |
| OutlinedButton |
"App\Twig\Components\OutlinedButton"components/OutlinedButton.html.twig |
1 | 0.43ms |
| Footer |
"App\Twig\Components\Footer"components/Footer.html.twig |
1 | 3.60ms |
Render calls
| Metadata | App\Twig\Components\Metadata | 8.0 MiB | 1.05 ms | |
|---|---|---|---|---|
| Input props | [ "metadata" => null ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Metadata {#1701 +metadata: null } |
|||
| MobileMenu | App\Twig\Components\MobileMenu | 8.0 MiB | 12.64 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MobileMenu {#1787 -categoryRepository: App\Repository\CategoryRepository {#376 …} } |
|||
| HeroMobile | App\Twig\Components\HeroMobile | 8.0 MiB | 2.07 ms | |
|---|---|---|---|---|
| Input props | [ "backgroundCornerColorClass" => "bg-white" "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg" "videoUrl" => "https://vimeo.com/1031499866?share=copy#t=0" ] |
|||
| Attributes | [ "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg" ] |
|||
| Component | App\Twig\Components\HeroMobile {#1879 +href: ? string +backgroundCornerColorClass: "bg-white" +imgUrl: null +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0" } |
|||
| HeroBackground | App\Twig\Components\HeroBackground | 8.0 MiB | 0.44 ms | |
|---|---|---|---|---|
| Input props | [ "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg" "videoUrl" => "https://vimeo.com/1031499866?share=copy#t=0" "containerClass" => "hero-mobile__container h-[80vh] md:h-[50vh] top-20 sm:top-26 right-0 sm:right-20" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\HeroBackground {#1917 +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0" +imageUrl: "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg" +class: null +containerClass: "hero-mobile__container h-[80vh] md:h-[50vh] top-20 sm:top-26 right-0 sm:right-20" } |
|||
| HeroDesktop | App\Twig\Components\HeroDesktop | 8.0 MiB | 5.62 ms | |
|---|---|---|---|---|
| Input props | [ "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg" "videoUrl" => "https://vimeo.com/1031499866?share=copy#t=0" ] |
|||
| Attributes | [ "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg" ] |
|||
| Component | App\Twig\Components\HeroDesktop {#1964 +imgUrl: null +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0" +backgroundCornerColorClass: "bg-white" +breadcrumbLabel: null } |
|||
| HeroBackground | App\Twig\Components\HeroBackground | 8.0 MiB | 0.25 ms | |
|---|---|---|---|---|
| Input props | [ "imageUrl" => "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg" "videoUrl" => "https://vimeo.com/1031499866?share=copy#t=0" "containerClass" => """ top-[var(--top-bar-height)]\n lg:min-w-[calc(100vw-(50vw-(512px-2em)))] lg:max-w-[calc(100%-500px)]\n xl:min-w-[calc(100vw-(50vw-(640px-2em)))] xl:max-w-[calc(100%-100px)]\n 2xl:min-w-[calc(100vw-(50vw-(768px-2em)))] 2xl:max-w-[calc(100%-150px)]\n lg:h-[70vh] xl:h-[80vh] """ ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\HeroBackground {#1997 +videoUrl: "https://vimeo.com/1031499866?share=copy#t=0" +imageUrl: "https://cliniquechampel.w-ap.dev/build/assets/images/pages/home/geneva.jpg" +class: null +containerClass: """ top-[var(--top-bar-height)]\n lg:min-w-[calc(100vw-(50vw-(512px-2em)))] lg:max-w-[calc(100%-500px)]\n xl:min-w-[calc(100vw-(50vw-(640px-2em)))] xl:max-w-[calc(100%-100px)]\n 2xl:min-w-[calc(100vw-(50vw-(768px-2em)))] 2xl:max-w-[calc(100%-150px)]\n lg:h-[70vh] xl:h-[80vh] """ } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 0.59 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col mt-(--top-bar-height)" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2049 +class: "flex-col mt-(--top-bar-height)" +style: null } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 0.60 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "grid grid-cols-3 gap-12 py-14 px-16 relative" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2079 +class: "grid grid-cols-3 gap-12 py-14 px-16 relative" +style: null } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 0.35 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex flex-col gap-4 py-8 px-16 relative" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2108 +class: "flex flex-col gap-4 py-8 px-16 relative" +style: null } |
|||
| Breadcrumb | App\Twig\Components\Breadcrumb | 8.0 MiB | 0.58 ms | |
|---|---|---|---|---|
| Input props | [ "currentLabel" => null "class" => "mt-20" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Breadcrumb {#2142 +items: null +currentLabel: null +class: "mt-20" -requestStack: Symfony\Component\HttpFoundation\RequestStack {#249 …} -urlGenerator: Symfony\Bundle\FrameworkBundle\Routing\Router {#184 …} } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 0.68 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col md:flex-row gap-8 xl:gap-12 md:gap-2 lg:gap-25 xl:gap-30 py-8 lg:pt-0 md:pb-8 lg:pb-20 px-6 sm:px-10 md:px-4 lg:px-8 xl:px-16 " ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2187 +class: "flex-col md:flex-row gap-8 xl:gap-12 md:gap-2 lg:gap-25 xl:gap-30 py-8 lg:pt-0 md:pb-8 lg:pb-20 px-6 sm:px-10 md:px-4 lg:px-8 xl:px-16 " +style: null } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 1.88 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex-col md:flex-row justify-between items-center lg:items-start gap-10 md:gap-20 px-6 md:px-10 lg:px-8 xl:px-16" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2230 +class: "flex-col md:flex-row justify-between items-center lg:items-start gap-10 md:gap-20 px-6 md:px-10 lg:px-8 xl:px-16" +style: null } |
|||
| CutEdgeButton | App\Twig\Components\CutEdgeButton | 8.0 MiB | 0.42 ms | |
|---|---|---|---|---|
| Input props | [ "href" => "#" "class" => "mt-8 lg:mt-10 small-bevel" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\CutEdgeButton {#2262 +href: "#" +target: "_self" +color: "secondary-light" +fontSize: "text-md" +class: "mt-8 lg:mt-10 small-bevel" } |
|||
| CutEdgeButton | App\Twig\Components\CutEdgeButton | 8.0 MiB | 0.29 ms | |
|---|---|---|---|---|
| Input props | [ "href" => "#" "class" => "mt-8 lg:mt-10 small-bevel" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\CutEdgeButton {#2294 +href: "#" +target: "_self" +color: "secondary-light" +fontSize: "text-md" +class: "mt-8 lg:mt-10 small-bevel" } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 0.55 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex flex-col justify-between gap-8 lg:gap-12 px-6 lg:px-10" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2325 +class: "flex flex-col justify-between gap-8 lg:gap-12 px-6 lg:px-10" +style: null } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 0.45 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex flex-col justify-between gap-8 lg:gap-12 px-6 lg:px-10" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2357 +class: "flex flex-col justify-between gap-8 lg:gap-12 px-6 lg:px-10" +style: null } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 1.33 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "relative gap-0! px-4 xl:px-16" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2387 +class: "relative gap-0! px-4 xl:px-16" +style: null } |
|||
| OutlinedButton | App\Twig\Components\OutlinedButton | 8.0 MiB | 0.43 ms | |
|---|---|---|---|---|
| Input props | [ "href" => "/fr/%C3%A9quipe" "style" => "--outlined-button-color: white" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\OutlinedButton {#2419 +href: "/fr/%C3%A9quipe" +target: "_self" +class: null +style: "--outlined-button-color: white" } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 0.56 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "bg-white pb-12 lg:pb-16 flex-col lg:flex-row gap-8 justify-center lg:items-center px-8 sm:px-18 md:px-20 mt-8" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2455 +class: "bg-white pb-12 lg:pb-16 flex-col lg:flex-row gap-8 justify-center lg:items-center px-8 sm:px-18 md:px-20 mt-8" +style: null } |
|||
| Footer | App\Twig\Components\Footer | 8.0 MiB | 3.60 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Footer {#2411 -surgeryRepository: App\Repository\SurgeryOperationRepository {#279 …} } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 0.78 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2525 +class: null +style: null } |
|||
| Container | App\Twig\Components\Container | 8.0 MiB | 0.44 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "flex flex-col md:flex-row justify-between items-center gap-4 relative text-[0.66rem] text-sm md:text-[0.8em]" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Container {#2538 +class: "flex flex-col md:flex-row justify-between items-center gap-4 relative text-[0.66rem] text-sm md:text-[0.8em]" +style: null } |
|||