Components
15
Twig Components
23
Render Count
267
ms
Render Time
20.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| Tabs:Trigger |
[Anonymous]
components/Tabs/Trigger.html.twig
|
4 | 1.92ms |
| Tabs:Content |
[Anonymous]
components/Tabs/Content.html.twig
|
4 | 4.03ms |
| Button |
[Anonymous]
components/Button.html.twig
|
2 | 3.33ms |
| Input |
[Anonymous]
components/Input.html.twig
|
2 | 0.96ms |
| Sheet |
[Anonymous]
components/Sheet.html.twig
|
1 | 26.74ms |
| Sheet:Content |
[Anonymous]
components/Sheet/Content.html.twig
|
1 | 7.98ms |
| Sheet:Trigger |
[Anonymous]
components/Sheet/Trigger.html.twig
|
1 | 1.43ms |
| Dialog |
[Anonymous]
components/Dialog.html.twig
|
1 | 230.30ms |
| Dialog:Trigger |
[Anonymous]
components/Dialog/Trigger.html.twig
|
1 | 3.22ms |
| Dialog:Content |
[Anonymous]
components/Dialog/Content.html.twig
|
1 | 225.16ms |
| Dialog:Header |
[Anonymous]
components/Dialog/Header.html.twig
|
1 | 5.09ms |
| Dialog:Title |
[Anonymous]
components/Dialog/Title.html.twig
|
1 | 1.51ms |
| Dialog:Description |
[Anonymous]
components/Dialog/Description.html.twig
|
1 | 1.65ms |
| Tabs |
[Anonymous]
components/Tabs.html.twig
|
1 | 9.83ms |
| Tabs:List |
[Anonymous]
components/Tabs/List.html.twig
|
1 | 3.83ms |
Render calls
| Sheet |
[Anonymous]
|
14.0 MiB | 26.74 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "contents" ] |
|||
| Attributes | [ "class" => "contents" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1760 -props: [ "class" => "contents" ] } |
|||
| Sheet:Content |
[Anonymous]
|
14.0 MiB | 7.98 ms | |
|---|---|---|---|---|
| Input props | [ "id" => "navOffcanvas" "side" => "left" "aria-labelledby" => "navOffcanvasTitle" ] |
|||
| Attributes | [ "id" => "navOffcanvas" "side" => "left" "aria-labelledby" => "navOffcanvasTitle" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2535 -props: [ "id" => "navOffcanvas" "side" => "left" "aria-labelledby" => "navOffcanvasTitle" ] } |
|||
| Sheet:Trigger |
[Anonymous]
|
14.0 MiB | 1.43 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2556 -props: [] } |
|||
| Button |
[Anonymous]
|
14.0 MiB | 1.42 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "button" "variant" => "ghost" "size" => "icon-sm" "class" => "text-[var(--theme-text)] hover:cursor-pointer" "data-theme-target" => "trigger" "data-action" => "click->theme#toggle" "role" => "switch" "aria-checked" => "false" "aria-label" => "Zwischen hellem und dunklem Modus wechseln" "title" => "Zwischen hellem und dunklem Modus wechseln" ] |
|||
| Attributes | [ "type" => "button" "variant" => "ghost" "size" => "icon-sm" "class" => "text-[var(--theme-text)] hover:cursor-pointer" "data-theme-target" => "trigger" "data-action" => "click->theme#toggle" "role" => "switch" "aria-checked" => "false" "aria-label" => "Zwischen hellem und dunklem Modus wechseln" "title" => "Zwischen hellem und dunklem Modus wechseln" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2784 -props: [ "type" => "button" "variant" => "ghost" "size" => "icon-sm" "class" => "text-[var(--theme-text)] hover:cursor-pointer" "data-theme-target" => "trigger" "data-action" => "click->theme#toggle" "role" => "switch" "aria-checked" => "false" "aria-label" => "Zwischen hellem und dunklem Modus wechseln" "title" => "Zwischen hellem und dunklem Modus wechseln" ] } |
|||
| Dialog |
[Anonymous]
|
20.0 MiB | 230.30 ms | |
|---|---|---|---|---|
| Input props | [ "id" => "indexMap" ] |
|||
| Attributes | [ "id" => "indexMap" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2811 -props: [ "id" => "indexMap" ] } |
|||
| Dialog:Trigger |
[Anonymous]
|
14.0 MiB | 3.22 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2844 -props: [] } |
|||
| Button |
[Anonymous]
|
14.0 MiB | 1.92 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "button" "variant" => "outline" "size" => "sm" "class" => "gap-1.5 border-border bg-background text-foreground hover:bg-muted hover:cursor-pointer" "aria-label" => "Klettergebiete auf Karte anzeigen" ] |
|||
| Attributes | [ "type" => "button" "variant" => "outline" "size" => "sm" "class" => "gap-1.5 border-border bg-background text-foreground hover:bg-muted hover:cursor-pointer" "aria-label" => "Klettergebiete auf Karte anzeigen" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2873 -props: [ "type" => "button" "variant" => "outline" "size" => "sm" "class" => "gap-1.5 border-border bg-background text-foreground hover:bg-muted hover:cursor-pointer" "aria-label" => "Klettergebiete auf Karte anzeigen" ] } |
|||
| Dialog:Content |
[Anonymous]
|
20.0 MiB | 225.16 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "map-fullscreen-dialog fixed inset-0 z-[1060] m-0 max-h-none max-w-none min-h-0 translate-x-0 translate-y-0 scale-100 overflow-hidden border-0 p-0 shadow-none sm:max-w-none gap-0 opacity-0 starting:open:opacity-100 open:opacity-100 open:backdrop:bg-black/50" ] |
|||
| Attributes | [ "class" => "map-fullscreen-dialog fixed inset-0 z-[1060] m-0 max-h-none max-w-none min-h-0 translate-x-0 translate-y-0 scale-100 overflow-hidden border-0 p-0 shadow-none sm:max-w-none gap-0 opacity-0 starting:open:opacity-100 open:opacity-100 open:backdrop:bg-black/50" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2864 -props: [ "class" => "map-fullscreen-dialog fixed inset-0 z-[1060] m-0 max-h-none max-w-none min-h-0 translate-x-0 translate-y-0 scale-100 overflow-hidden border-0 p-0 shadow-none sm:max-w-none gap-0 opacity-0 starting:open:opacity-100 open:opacity-100 open:backdrop:bg-black/50" ] } |
|||
| Dialog:Header |
[Anonymous]
|
16.0 MiB | 5.09 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "shrink-0 gap-2 border-b border-border px-4 py-3 pe-14 text-left sm:text-left" ] |
|||
| Attributes | [ "class" => "shrink-0 gap-2 border-b border-border px-4 py-3 pe-14 text-left sm:text-left" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2929 -props: [ "class" => "shrink-0 gap-2 border-b border-border px-4 py-3 pe-14 text-left sm:text-left" ] } |
|||
| Dialog:Title |
[Anonymous]
|
14.0 MiB | 1.51 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "text-foreground" ] |
|||
| Attributes | [ "class" => "text-foreground" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2960 -props: [ "class" => "text-foreground" ] } |
|||
| Dialog:Description |
[Anonymous]
|
16.0 MiB | 1.65 ms | |
|---|---|---|---|---|
| Input props | [ "class" => "sr-only" ] |
|||
| Attributes | [ "class" => "sr-only" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2980 -props: [ "class" => "sr-only" ] } |
|||
| Tabs |
[Anonymous]
|
20.0 MiB | 9.83 ms | |
|---|---|---|---|---|
| Input props | [ "defaultValue" => "name" "class" => "mb-4" ] |
|||
| Attributes | [ "defaultValue" => "name" "class" => "mb-4" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4523 -props: [ "defaultValue" => "name" "class" => "mb-4" ] } |
|||
| Tabs:List |
[Anonymous]
|
20.0 MiB | 3.83 ms | |
|---|---|---|---|---|
| Input props | [ "variant" => "default" "id" => "searchTabs" "aria-label" => "Suchmodus" "class" => "mb-3" ] |
|||
| Attributes | [ "variant" => "default" "id" => "searchTabs" "aria-label" => "Suchmodus" "class" => "mb-3" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4556 -props: [ "variant" => "default" "id" => "searchTabs" "aria-label" => "Suchmodus" "class" => "mb-3" ] } |
|||
| Tabs:Trigger |
[Anonymous]
|
20.0 MiB | 1.18 ms | |
|---|---|---|---|---|
| Input props | [ "value" => "name" ] |
|||
| Attributes | [ "value" => "name" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4589 -props: [ "value" => "name" ] } |
|||
| Tabs:Trigger |
[Anonymous]
|
20.0 MiB | 0.25 ms | |
|---|---|---|---|---|
| Input props | [ "value" => "firstascent" ] |
|||
| Attributes | [ "value" => "firstascent" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4609 -props: [ "value" => "firstascent" ] } |
|||
| Tabs:Trigger |
[Anonymous]
|
20.0 MiB | 0.25 ms | |
|---|---|---|---|---|
| Input props | [ "value" => "grade" ] |
|||
| Attributes | [ "value" => "grade" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4633 -props: [ "value" => "grade" ] } |
|||
| Tabs:Trigger |
[Anonymous]
|
20.0 MiB | 0.24 ms | |
|---|---|---|---|---|
| Input props | [ "value" => "attributes" ] |
|||
| Attributes | [ "value" => "attributes" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4654 -props: [ "value" => "attributes" ] } |
|||
| Tabs:Content |
[Anonymous]
|
20.0 MiB | 2.09 ms | |
|---|---|---|---|---|
| Input props | [ "value" => "name" ] |
|||
| Attributes | [ "value" => "name" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4576 -props: [ "value" => "name" ] } |
|||
| Input |
[Anonymous]
|
20.0 MiB | 0.79 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "search" "id" => "searchModalNameInput" "name" => "searchName" "placeholder" => "Suche nach Felsen oder Routen..." "minlength" => "2" "data-search-modal-target" => "nameInput" "data-action" => "input->search-modal#searchNameDebounced keydown.enter->search-modal#searchName" "class" => "min-w-0 flex-1 border-0 bg-transparent px-1 py-0 text-base text-[var(--theme-text)] shadow-none placeholder:text-gray-500 focus-visible:ring-0 focus-visible:ring-offset-0 h-9 md:h-10" ] |
|||
| Attributes | [ "type" => "search" "id" => "searchModalNameInput" "name" => "searchName" "placeholder" => "Suche nach Felsen oder Routen..." "minlength" => "2" "data-search-modal-target" => "nameInput" "data-action" => "input->search-modal#searchNameDebounced keydown.enter->search-modal#searchName" "class" => "min-w-0 flex-1 border-0 bg-transparent px-1 py-0 text-base text-[var(--theme-text)] shadow-none placeholder:text-gray-500 focus-visible:ring-0 focus-visible:ring-offset-0 h-9 md:h-10" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4705 -props: [ "type" => "search" "id" => "searchModalNameInput" "name" => "searchName" "placeholder" => "Suche nach Felsen oder Routen..." "minlength" => "2" "data-search-modal-target" => "nameInput" "data-action" => "input->search-modal#searchNameDebounced keydown.enter->search-modal#searchName" "class" => "min-w-0 flex-1 border-0 bg-transparent px-1 py-0 text-base text-[var(--theme-text)] shadow-none placeholder:text-gray-500 focus-visible:ring-0 focus-visible:ring-offset-0 h-9 md:h-10" ] } |
|||
| Tabs:Content |
[Anonymous]
|
20.0 MiB | 0.56 ms | |
|---|---|---|---|---|
| Input props | [ "value" => "firstascent" ] |
|||
| Attributes | [ "value" => "firstascent" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4693 -props: [ "value" => "firstascent" ] } |
|||
| Input |
[Anonymous]
|
20.0 MiB | 0.16 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "search" "id" => "searchModalFirstAscentInput" "placeholder" => "Name des Erstbegehers..." "minlength" => "2" "data-search-modal-target" => "firstAscentInput" "data-action" => "input->search-modal#searchFirstAscentDebounced keydown.enter->search-modal#searchFirstAscent" "class" => "min-w-0 flex-1 border-0 bg-transparent px-1 py-0 text-base text-[var(--theme-text)] shadow-none placeholder:text-gray-500 focus-visible:ring-0 focus-visible:ring-offset-0 h-9 md:h-10" ] |
|||
| Attributes | [ "type" => "search" "id" => "searchModalFirstAscentInput" "placeholder" => "Name des Erstbegehers..." "minlength" => "2" "data-search-modal-target" => "firstAscentInput" "data-action" => "input->search-modal#searchFirstAscentDebounced keydown.enter->search-modal#searchFirstAscent" "class" => "min-w-0 flex-1 border-0 bg-transparent px-1 py-0 text-base text-[var(--theme-text)] shadow-none placeholder:text-gray-500 focus-visible:ring-0 focus-visible:ring-offset-0 h-9 md:h-10" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4747 -props: [ "type" => "search" "id" => "searchModalFirstAscentInput" "placeholder" => "Name des Erstbegehers..." "minlength" => "2" "data-search-modal-target" => "firstAscentInput" "data-action" => "input->search-modal#searchFirstAscentDebounced keydown.enter->search-modal#searchFirstAscent" "class" => "min-w-0 flex-1 border-0 bg-transparent px-1 py-0 text-base text-[var(--theme-text)] shadow-none placeholder:text-gray-500 focus-visible:ring-0 focus-visible:ring-offset-0 h-9 md:h-10" ] } |
|||
| Tabs:Content |
[Anonymous]
|
20.0 MiB | 0.68 ms | |
|---|---|---|---|---|
| Input props | [ "value" => "grade" ] |
|||
| Attributes | [ "value" => "grade" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4738 -props: [ "value" => "grade" ] } |
|||
| Tabs:Content |
[Anonymous]
|
20.0 MiB | 0.70 ms | |
|---|---|---|---|---|
| Input props | [ "value" => "attributes" ] |
|||
| Attributes | [ "value" => "attributes" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#4775 -props: [ "value" => "attributes" ] } |
|||