Components
3
Twig Components
9
Render Count
1
ms
Render Time
4.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| Icon |
"App\Twig\Components\Icon"components/Icon.html.twig |
5 | 0.60ms |
| Logo |
"App\Twig\Components\Logo"components/Logo.html.twig |
2 | 0.23ms |
| App:Button |
"App\Twig\Components\Application\Button"components/Application/Button.html.twig |
2 | 0.87ms |
Render calls
| Logo | App\Twig\Components\Logo | 4.0 MiB | 0.17 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "h-12 md:h-16" ] |
|||
| Attributes | [ "class" => "h-12 md:h-16" ] |
|||
| Component | App\Twig\Components\Logo {#748 +href: ? ?string +variant: "primary" } |
|||
| App:Button | App\Twig\Components\Application\Button | 4.0 MiB | 0.56 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "a" "href" => "tel:+31263700310" "variant" => "transparent" ] |
|||
| Attributes | [ "href" => "tel:+31263700310" ] |
|||
| Component | App\Twig\Components\Application\Button {#779 +tag: "a" +variant: "transparent" +padding: "normal" +outline: false } |
|||
| Icon | App\Twig\Components\Icon | 4.0 MiB | 0.20 ms | |
|---|---|---|---|---|
| Input props | [ "name" => "phone-regular" "size" => "5" "class" => "md:mr-2" ] |
|||
| Attributes | [ "class" => "md:mr-2" ] |
|||
| Component | App\Twig\Components\Icon {#822 +name: "phone-regular" +size: "5" } |
|||
| App:Button | App\Twig\Components\Application\Button | 4.0 MiB | 0.31 ms | |
|---|---|---|---|---|
| Input props | [ "tag" => "a" "href" => "https://ccb.nl" "outline" => true ] |
|||
| Attributes | [ "href" => "https://ccb.nl" ] |
|||
| Component | App\Twig\Components\Application\Button {#817 +tag: "a" +variant: "primary" +padding: "normal" +outline: true } |
|||
| Icon | App\Twig\Components\Icon | 4.0 MiB | 0.13 ms | |
|---|---|---|---|---|
| Input props | [ "name" => "arrow-left-regular" "size" => "5" "class" => "md:mr-2" ] |
|||
| Attributes | [ "class" => "md:mr-2" ] |
|||
| Component | App\Twig\Components\Icon {#886 +name: "arrow-left-regular" +size: "5" } |
|||
| Icon | App\Twig\Components\Icon | 4.0 MiB | 0.11 ms | |
|---|---|---|---|---|
| Input props | [ "name" => "circle-check-solid" "size" => "5" "class" => "mr-2" ] |
|||
| Attributes | [ "class" => "mr-2" ] |
|||
| Component | App\Twig\Components\Icon {#913 +name: "circle-check-solid" +size: "5" } |
|||
| Icon | App\Twig\Components\Icon | 4.0 MiB | 0.09 ms | |
|---|---|---|---|---|
| Input props | [ "name" => "circle-check-solid" "size" => "5" "class" => "mr-2" ] |
|||
| Attributes | [ "class" => "mr-2" ] |
|||
| Component | App\Twig\Components\Icon {#935 +name: "circle-check-solid" +size: "5" } |
|||
| Icon | App\Twig\Components\Icon | 4.0 MiB | 0.07 ms | |
|---|---|---|---|---|
| Input props | [ "name" => "circle-check-solid" "size" => "5" "class" => "mr-2" ] |
|||
| Attributes | [ "class" => "mr-2" ] |
|||
| Component | App\Twig\Components\Icon {#958 +name: "circle-check-solid" +size: "5" } |
|||
| Logo | App\Twig\Components\Logo | 4.0 MiB | 0.06 ms | |
|---|---|---|---|---|
| Input props | [ "variant" => "white" "class" => "h-12 mb-6 md:h-16 md:mb-0" ] |
|||
| Attributes | [ "class" => "h-12 mb-6 md:h-16 md:mb-0" ] |
|||
| Component | App\Twig\Components\Logo {#980 +href: ? ?string +variant: "white" } |
|||