Components
8
Twig Components
37
Render Count
9
ms
Render Time
12.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| MenuItem |
"App\Twig\Components\MenuItem"app/components/MenuItem.html.twig |
17 | 1.46ms |
| Action |
"App\Twig\Components\Action"app/components/Action.html.twig |
12 | 3.97ms |
| MenuFlyout |
"App\Twig\Components\MenuFlyout"app/components/MenuFlyout.html.twig |
2 | 3.78ms |
| Img |
"App\Twig\Components\Img"app/components/Img.html.twig |
2 | 0.49ms |
| SwiperNav |
"App\Twig\Components\SwiperNav"app/components/SwiperNav.html.twig |
1 | 0.24ms |
| Phone |
"App\Twig\Components\Phone"app/components/Phone.html.twig |
1 | 0.21ms |
"App\Twig\Components\Mail"app/components/Mail.html.twig |
1 | 0.19ms | |
| Address |
"App\Twig\Components\Address"app/components/Address.html.twig |
1 | 0.20ms |
Render calls
| Action | App\Twig\Components\Action | 12.0 MiB | 0.15 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "href" => "/fr/account" "aria-label" => "Mon compte" "icon" => "ph:user" "class" => "button tertiary header-account" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#1237 +type: "a" +attr: [ "href" => "/fr/account" "aria-label" => "Mon compte" "icon" => "ph:user" "class" => "button tertiary header-account" ] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 0.06 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "href" => "/fr/contact" "aria-label" => "Contactez-nous" "icon" => "ph:envelope-simple" "class" => "button tertiary header-contact" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#129 +type: "a" +attr: [ "href" => "/fr/contact" "aria-label" => "Contactez-nous" "icon" => "ph:envelope-simple" "class" => "button tertiary header-contact" ] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 0.29 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "href" => "tel:04 72 10 93 50" "aria-label" => "Téléphone" "icon" => "ph:phone" "class" => "button tertiary header-phone" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#1407 +type: "a" +attr: [ "href" => "tel:04 72 10 93 50" "aria-label" => "Téléphone" "icon" => "ph:phone" "class" => "button tertiary header-phone" ] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 2.35 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "href" => "/fr/cart" "title" => 0 "aria-label" => "Cart" "icon" => "ph:shopping-cart" "class" => "button tertiary panel-button" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#1444 +type: "a" +attr: [ "href" => "/fr/cart" "title" => 0 "aria-label" => "Cart" "icon" => "ph:shopping-cart" "class" => "button tertiary panel-button" ] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 0.19 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "button" "attr" => [ "title" => "Menu Mobile" "aria-label" => "Menu" "icon" => "ph:dots-nine" "class" => "button tertiary panel-button burger-icon" "data-action" => "click->menu#toggleMobile" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#1507 +type: "button" +attr: [ "title" => "Menu Mobile" "aria-label" => "Menu" "icon" => "ph:dots-nine" "class" => "button tertiary panel-button burger-icon" "data-action" => "click->menu#toggleMobile" ] } |
|||
| MenuFlyout | App\Twig\Components\MenuFlyout | 12.0 MiB | 2.64 ms | |
|---|---|---|---|---|
| Input props | [ "action" => [ "type" => "button" "attr" => [ "title" => "Menu" "icon" => "ph:dots-nine" "class" => "panel-button button" "data-action" => "click->menu#toggleFlyout" "aria-expanded" => "false" ] ] "links" => [ [ "title" => "Design system" "link" => "#" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Articles" "link" => "/fr/article" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Produits" "link" => "/fr/product/list" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Page 0" "link" => "/fr/page/1-page-0" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Page 1" "link" => "/fr/page/2-page-1" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Page 2" "link" => "/fr/page/3-page-2" "attr" => [ "class" => "button tertiary" ] ] ] "imgs" => [ [ "src" => "app/media/img/default.webp" "alt" => "test" ] ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuFlyout {#1720 +title: "menu" +action: [ "type" => "button" "attr" => [ "title" => "Menu" "icon" => "ph:dots-nine" "class" => "panel-button button" "data-action" => "click->menu#toggleFlyout" "aria-expanded" => "false" ] ] +links: [ [ "title" => "Design system" "link" => "#" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Articles" "link" => "/fr/article" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Produits" "link" => "/fr/product/list" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Page 0" "link" => "/fr/page/1-page-0" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Page 1" "link" => "/fr/page/2-page-1" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Page 2" "link" => "/fr/page/3-page-2" "attr" => [ "class" => "button tertiary" ] ] ] +imgs: [ [ "src" => "app/media/img/default.webp" "alt" => "test" ] ] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 0.18 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "button" "attr" => [ "title" => "Menu" "icon" => "ph:dots-nine" "class" => "panel-button button" "data-action" => "click->menu#toggleFlyout" "aria-expanded" => "false" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#1758 +type: "button" +attr: [ "title" => "Menu" "icon" => "ph:dots-nine" "class" => "panel-button button" "data-action" => "click->menu#toggleFlyout" "aria-expanded" => "false" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.15 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Design system" "link" => "#" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1774 +title: "Design system" +link: "#" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.09 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Articles" "link" => "/fr/article" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1815 +title: "Articles" +link: "/fr/article" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Produits" "link" => "/fr/product/list" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1838 +title: "Produits" +link: "/fr/product/list" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 0" "link" => "/fr/page/1-page-0" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1861 +title: "Page 0" +link: "/fr/page/1-page-0" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 1" "link" => "/fr/page/2-page-1" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1884 +title: "Page 1" +link: "/fr/page/2-page-1" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.07 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 2" "link" => "/fr/page/3-page-2" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1907 +title: "Page 2" +link: "/fr/page/3-page-2" +attr: [ "class" => "button tertiary" ] } |
|||
| Img | App\Twig\Components\Img | 12.0 MiB | 0.29 ms | |
|---|---|---|---|---|
| Input props | [ "src" => "app/media/img/default.webp" "alt" => "test" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Img {#1924 +src: "app/media/img/sans-img.jpg" +alt: "test" +loading: "lazy" +srcsets: [ "default" => "default" ] +attr: [ "width" => "768" "height" => "512" "sizes" => "100vw" ] -settingHandler: App\Service\SettingHandler {#383 …} -kernelInterface: App\Kernel {#13 …} } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.09 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Design system" "link" => "#" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1971 +title: "Design system" +link: "#" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Articles" "link" => "/fr/article" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1995 +title: "Articles" +link: "/fr/article" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Produits" "link" => "/fr/product/list" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2018 +title: "Produits" +link: "/fr/product/list" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 0" "link" => "/fr/page/1-page-0" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2041 +title: "Page 0" +link: "/fr/page/1-page-0" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 1" "link" => "/fr/page/2-page-1" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2064 +title: "Page 1" +link: "/fr/page/2-page-1" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.07 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 2" "link" => "/fr/page/3-page-2" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2087 +title: "Page 2" +link: "/fr/page/3-page-2" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuFlyout | App\Twig\Components\MenuFlyout | 12.0 MiB | 1.14 ms | |
|---|---|---|---|---|
| Input props | [ "action" => [ "type" => "button" "attr" => [ "title" => "Flyout Menu" "icon" => "ph:caret-down" "class" => "panel-button icon-reverse tertiary" "data-action" => "click->menu#toggleFlyout" "aria-expanded" => "false" ] ] "links" => [ [ "title" => "Catégories" "link" => "/fr/product" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Liste des Produits" "link" => "/fr/product/list" "attr" => [ "class" => "button tertiary" ] ] ] "imgs" => [ [ "src" => "app/media/img/default.webp" "alt" => "test" ] ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuFlyout {#2102 +title: "menu" +action: [ "type" => "button" "attr" => [ "title" => "Flyout Menu" "icon" => "ph:caret-down" "class" => "panel-button icon-reverse tertiary" "data-action" => "click->menu#toggleFlyout" "aria-expanded" => "false" ] ] +links: [ [ "title" => "Catégories" "link" => "/fr/product" "attr" => [ "class" => "button tertiary" ] ] [ "title" => "Liste des Produits" "link" => "/fr/product/list" "attr" => [ "class" => "button tertiary" ] ] ] +imgs: [ [ "src" => "app/media/img/default.webp" "alt" => "test" ] ] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 0.16 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "button" "attr" => [ "title" => "Flyout Menu" "icon" => "ph:caret-down" "class" => "panel-button icon-reverse tertiary" "data-action" => "click->menu#toggleFlyout" "aria-expanded" => "false" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#2135 +type: "button" +attr: [ "title" => "Flyout Menu" "icon" => "ph:caret-down" "class" => "panel-button icon-reverse tertiary" "data-action" => "click->menu#toggleFlyout" "aria-expanded" => "false" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Catégories" "link" => "/fr/product" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2159 +title: "Catégories" +link: "/fr/product" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Liste des Produits" "link" => "/fr/product/list" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2182 +title: "Liste des Produits" +link: "/fr/product/list" +attr: [ "class" => "button tertiary" ] } |
|||
| Img | App\Twig\Components\Img | 12.0 MiB | 0.20 ms | |
|---|---|---|---|---|
| Input props | [ "src" => "app/media/img/default.webp" "alt" => "test" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Img {#2205 +src: "app/media/img/sans-img.jpg" +alt: "test" +loading: "lazy" +srcsets: [ "default" => "default" ] +attr: [ "width" => "768" "height" => "512" "sizes" => "100vw" ] -settingHandler: App\Service\SettingHandler {#383 …} -kernelInterface: App\Kernel {#13 …} } |
|||
| SwiperNav | App\Twig\Components\SwiperNav | 12.0 MiB | 0.24 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "class" => "align" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\SwiperNav {#2243 +attr: [ "class" => "align" ] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 0.10 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "title" => "Retour" "class" => "button secondary" "href" => "/fr/login" "aria-label" => "Retour" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#2284 +type: "a" +attr: [ "title" => "Retour" "class" => "button secondary" "href" => "/fr/login" "aria-label" => "Retour" ] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 0.09 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "button" "attr" => [ "title" => "Envoyer" "class" => "button" "aria-label" => "Envoyer" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#2314 +type: "button" +attr: [ "title" => "Envoyer" "class" => "button" "aria-label" => "Envoyer" ] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 0.16 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "href" => "https://linkedin.com/company/serco-point-web" "aria-label" => "Linkedin" "icon" => "logos:linkedin-icon" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#2374 +type: "a" +attr: [ "href" => "https://linkedin.com/company/serco-point-web" "aria-label" => "Linkedin" "icon" => "logos:linkedin-icon" ] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 0.15 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "href" => "https://facebook.com/sercopw" "aria-label" => "Facebook" "icon" => "logos:facebook" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#2408 +type: "a" +attr: [ "href" => "https://facebook.com/sercopw" "aria-label" => "Facebook" "icon" => "logos:facebook" ] } |
|||
| Phone | App\Twig\Components\Phone | 12.0 MiB | 0.21 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "04 72 10 93 50" "phone" => "04 72 10 93 50" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Phone {#2444 +title: "04 72 10 93 50" +phone: "04 72 10 93 50" +attr: [ "title" => "Socle" ] -settingHandler: App\Service\SettingHandler {#383 …} } |
|||
| App\Twig\Components\Mail | 12.0 MiB | 0.19 ms | ||
|---|---|---|---|---|
| Input props | [ "mail" => "tech@point-web.fr" "attr" => [ "class" => "link" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Mail {#2484 +mail: "tech@point-web.fr" +attr: [ "class" => "link" "data-mail" => "tech" "data-domain" => "point-web.fr" "title" => "Socle" ] -settingHandler: App\Service\SettingHandler {#383 …} } |
|||
| Address | App\Twig\Components\Address | 12.0 MiB | 0.20 ms | |
|---|---|---|---|---|
| Input props | [ "address" => "149 Bd de Stalingrad, 69006 Lyon" "link" => "https://maps.app.goo.gl/ygnQEtDnF2goAnfk7" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Address {#2531 +address: "149 Bd de Stalingrad, 69006 Lyon" +link: "https://maps.app.goo.gl/ygnQEtDnF2goAnfk7" +attr: [ "title" => "Socle" ] -settingHandler: App\Service\SettingHandler {#383 …} } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.11 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page légale 0" "link" => "/fr/page/4-page-legale-0" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2573 +title: "Page légale 0" +link: "/fr/page/4-page-legale-0" +attr: [] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.09 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page légale 1" "link" => "/fr/page/5-page-legale-1" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2614 +title: "Page légale 1" +link: "/fr/page/5-page-legale-1" +attr: [] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 12.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Plan du site" "link" => "/fr/sitemap" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2640 +title: "Plan du site" +link: "/fr/sitemap" +attr: [] } |
|||
| Action | App\Twig\Components\Action | 12.0 MiB | 0.10 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "title" => "sercopointweb agence web à Lyon" "href" => "https://www.point-web.fr/" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#2677 +type: "a" +attr: [ "title" => "sercopointweb agence web à Lyon" "href" => "https://www.point-web.fr/" ] } |
|||