Components
8
Twig Components
37
Render Count
5
ms
Render Time
8.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| MenuItem |
"App\Twig\Components\MenuItem"app/components/MenuItem.html.twig |
17 | 0.60ms |
| Action |
"App\Twig\Components\Action"app/components/Action.html.twig |
12 | 2.60ms |
| MenuFlyout |
"App\Twig\Components\MenuFlyout"app/components/MenuFlyout.html.twig |
2 | 1.39ms |
| Img |
"App\Twig\Components\Img"app/components/Img.html.twig |
2 | 0.19ms |
| SwiperNav |
"App\Twig\Components\SwiperNav"app/components/SwiperNav.html.twig |
1 | 0.09ms |
| Phone |
"App\Twig\Components\Phone"app/components/Phone.html.twig |
1 | 0.17ms |
"App\Twig\Components\Mail"app/components/Mail.html.twig |
1 | 0.14ms | |
| Address |
"App\Twig\Components\Address"app/components/Address.html.twig |
1 | 0.18ms |
Render calls
| Action | App\Twig\Components\Action | 6.0 MiB | 0.23 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 {#1287 +type: "a" +attr: [ "href" => "/fr/account" "aria-label" => "Mon compte" "icon" => "ph:user" "class" => "button tertiary header-account" ] } |
|||
| Action | App\Twig\Components\Action | 6.0 MiB | 0.09 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 | 6.0 MiB | 0.08 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 {#1457 +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 | 6.0 MiB | 1.47 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 {#1494 +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 | 6.0 MiB | 0.12 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 {#1557 +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 | 6.0 MiB | 1.00 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 {#1770 +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 | 6.0 MiB | 0.10 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 {#1808 +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 | 6.0 MiB | 0.06 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Design system" "link" => "#" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1824 +title: "Design system" +link: "#" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Articles" "link" => "/fr/article" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1865 +title: "Articles" +link: "/fr/article" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Produits" "link" => "/fr/product/list" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1888 +title: "Produits" +link: "/fr/product/list" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 0" "link" => "/fr/page/1-page-0" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1911 +title: "Page 0" +link: "/fr/page/1-page-0" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 1" "link" => "/fr/page/2-page-1" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1934 +title: "Page 1" +link: "/fr/page/2-page-1" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 2" "link" => "/fr/page/3-page-2" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#1957 +title: "Page 2" +link: "/fr/page/3-page-2" +attr: [ "class" => "button tertiary" ] } |
|||
| Img | App\Twig\Components\Img | 6.0 MiB | 0.12 ms | |
|---|---|---|---|---|
| Input props | [ "src" => "app/media/img/default.webp" "alt" => "test" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Img {#1974 +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 | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Design system" "link" => "#" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2021 +title: "Design system" +link: "#" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Articles" "link" => "/fr/article" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2045 +title: "Articles" +link: "/fr/article" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Produits" "link" => "/fr/product/list" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2068 +title: "Produits" +link: "/fr/product/list" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 0" "link" => "/fr/page/1-page-0" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2091 +title: "Page 0" +link: "/fr/page/1-page-0" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 1" "link" => "/fr/page/2-page-1" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2114 +title: "Page 1" +link: "/fr/page/2-page-1" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page 2" "link" => "/fr/page/3-page-2" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2137 +title: "Page 2" +link: "/fr/page/3-page-2" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuFlyout | App\Twig\Components\MenuFlyout | 6.0 MiB | 0.39 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 {#2152 +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 | 6.0 MiB | 0.06 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 {#2185 +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 | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Catégories" "link" => "/fr/product" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2209 +title: "Catégories" +link: "/fr/product" +attr: [ "class" => "button tertiary" ] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 6.0 MiB | 0.03 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Liste des Produits" "link" => "/fr/product/list" "attr" => [ "class" => "button tertiary" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2232 +title: "Liste des Produits" +link: "/fr/product/list" +attr: [ "class" => "button tertiary" ] } |
|||
| Img | App\Twig\Components\Img | 6.0 MiB | 0.07 ms | |
|---|---|---|---|---|
| Input props | [ "src" => "app/media/img/default.webp" "alt" => "test" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Img {#2255 +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 | 6.0 MiB | 0.09 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "class" => "align" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\SwiperNav {#2293 +attr: [ "class" => "align" ] } |
|||
| Action | App\Twig\Components\Action | 8.0 MiB | 0.09 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "title" => "Retour" "class" => "button secondary" "href" => "/fr/login" "aria-label" => "Retour" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#2348 +type: "a" +attr: [ "title" => "Retour" "class" => "button secondary" "href" => "/fr/login" "aria-label" => "Retour" ] } |
|||
| Action | App\Twig\Components\Action | 8.0 MiB | 0.06 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "button" "attr" => [ "title" => "S'inscrire" "class" => "button" "aria-label" => "S'inscrire" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#2411 +type: "button" +attr: [ "title" => "S'inscrire" "class" => "button" "aria-label" => "S'inscrire" ] } |
|||
| Action | App\Twig\Components\Action | 8.0 MiB | 0.13 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 {#2471 +type: "a" +attr: [ "href" => "https://linkedin.com/company/serco-point-web" "aria-label" => "Linkedin" "icon" => "logos:linkedin-icon" ] } |
|||
| Action | App\Twig\Components\Action | 8.0 MiB | 0.10 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "href" => "https://facebook.com/sercopw" "aria-label" => "Facebook" "icon" => "logos:facebook" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#2505 +type: "a" +attr: [ "href" => "https://facebook.com/sercopw" "aria-label" => "Facebook" "icon" => "logos:facebook" ] } |
|||
| Phone | App\Twig\Components\Phone | 8.0 MiB | 0.17 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "04 72 10 93 50" "phone" => "04 72 10 93 50" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Phone {#2541 +title: "04 72 10 93 50" +phone: "04 72 10 93 50" +attr: [ "title" => "Socle" ] -settingHandler: App\Service\SettingHandler {#383 …} } |
|||
| App\Twig\Components\Mail | 8.0 MiB | 0.14 ms | ||
|---|---|---|---|---|
| Input props | [ "mail" => "tech@point-web.fr" "attr" => [ "class" => "link" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Mail {#2581 +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 | 8.0 MiB | 0.18 ms | |
|---|---|---|---|---|
| Input props | [ "address" => "149 Bd de Stalingrad, 69006 Lyon" "link" => "https://maps.app.goo.gl/ygnQEtDnF2goAnfk7" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Address {#2628 +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 | 8.0 MiB | 0.07 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page légale 0" "link" => "/fr/page/4-page-legale-0" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2670 +title: "Page légale 0" +link: "/fr/page/4-page-legale-0" +attr: [] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 8.0 MiB | 0.06 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Page légale 1" "link" => "/fr/page/5-page-legale-1" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2711 +title: "Page légale 1" +link: "/fr/page/5-page-legale-1" +attr: [] } |
|||
| MenuItem | App\Twig\Components\MenuItem | 8.0 MiB | 0.05 ms | |
|---|---|---|---|---|
| Input props | [ "title" => "Plan du site" "link" => "/fr/sitemap" ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\MenuItem {#2737 +title: "Plan du site" +link: "/fr/sitemap" +attr: [] } |
|||
| Action | App\Twig\Components\Action | 8.0 MiB | 0.08 ms | |
|---|---|---|---|---|
| Input props | [ "attr" => [ "title" => "sercopointweb agence web à Lyon" "href" => "https://www.point-web.fr/" ] ] |
|||
| Attributes | [] |
|||
| Component | App\Twig\Components\Action {#2774 +type: "a" +attr: [ "title" => "sercopointweb agence web à Lyon" "href" => "https://www.point-web.fr/" ] } |
|||