Components
11
Twig Components
22
Render Count
15
ms
Render Time
4.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| Field |
[Anonymous]
components/Field.html.twig
|
3 | 4.47ms |
| Field:Label |
[Anonymous]
components/Field/Label.html.twig
|
3 | 1.88ms |
| Label |
[Anonymous]
components/Label.html.twig
|
3 | 0.71ms |
| Field:Content |
[Anonymous]
components/Field/Content.html.twig
|
3 | 1.33ms |
| Input |
[Anonymous]
components/Input.html.twig
|
3 | 0.58ms |
| Button |
[Anonymous]
components/Button.html.twig
|
2 | 1.38ms |
| Card |
[Anonymous]
components/Card.html.twig
|
1 | 14.75ms |
| Card:Header |
[Anonymous]
components/Card/Header.html.twig
|
1 | 1.42ms |
| Card:Title |
[Anonymous]
components/Card/Title.html.twig
|
1 | 0.47ms |
| Card:Description |
[Anonymous]
components/Card/Description.html.twig
|
1 | 0.31ms |
| Card:Content |
[Anonymous]
components/Card/Content.html.twig
|
1 | 7.45ms |
Render calls
| Card |
[Anonymous]
|
4.0 MiB | 14.75 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1002 -props: [] } |
|||
| Card:Header |
[Anonymous]
|
4.0 MiB | 1.42 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1632 -props: [] } |
|||
| Card:Title |
[Anonymous]
|
4.0 MiB | 0.47 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1663 -props: [] } |
|||
| Card:Description |
[Anonymous]
|
4.0 MiB | 0.31 ms | |
|---|---|---|---|---|
| Input props | [ "id" => "login-description" ] |
|||
| Attributes | [ "id" => "login-description" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1692 -props: [ "id" => "login-description" ] } |
|||
| Card:Content |
[Anonymous]
|
4.0 MiB | 7.45 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1659 -props: [] } |
|||
| Field |
[Anonymous]
|
4.0 MiB | 2.28 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1771 -props: [] } |
|||
| Field:Label |
[Anonymous]
|
4.0 MiB | 0.89 ms | |
|---|---|---|---|---|
| Input props | [ "for" => "email-magic" ] |
|||
| Attributes | [ "for" => "email-magic" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1790 -props: [ "for" => "email-magic" ] } |
|||
| Label |
[Anonymous]
|
4.0 MiB | 0.35 ms | |
|---|---|---|---|---|
| Input props | [ "data-slot" => "field-label" "class" => "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10 " "for" => "email-magic" ] |
|||
| Attributes | [ "data-slot" => "field-label" "class" => "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10 " "for" => "email-magic" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1820 -props: [ "data-slot" => "field-label" "class" => "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10 " "for" => "email-magic" ] } |
|||
| Field:Content |
[Anonymous]
|
4.0 MiB | 0.68 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1850 -props: [] } |
|||
| Input |
[Anonymous]
|
4.0 MiB | 0.29 ms | |
|---|---|---|---|---|
| Input props | [ "id" => "email-magic" "name" => "email" "type" => "email" "autocomplete" => "email" "required" => true "value" => "" "placeholder" => "votreadresse@email.com" ] |
|||
| Attributes | [ "id" => "email-magic" "name" => "email" "type" => "email" "autocomplete" => "email" "required" => true "value" => "" "placeholder" => "votreadresse@email.com" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1887 -props: [ "id" => "email-magic" "name" => "email" "type" => "email" "autocomplete" => "email" "required" => true "value" => "" "placeholder" => "votreadresse@email.com" ] } |
|||
| Button |
[Anonymous]
|
4.0 MiB | 1.09 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "submit" "class" => "w-full" ] |
|||
| Attributes | [ "type" => "submit" "class" => "w-full" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1786 -props: [ "type" => "submit" "class" => "w-full" ] } |
|||
| Field |
[Anonymous]
|
4.0 MiB | 1.20 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1953 -props: [] } |
|||
| Field:Label |
[Anonymous]
|
4.0 MiB | 0.53 ms | |
|---|---|---|---|---|
| Input props | [ "for" => "email-password" ] |
|||
| Attributes | [ "for" => "email-password" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1982 -props: [ "for" => "email-password" ] } |
|||
| Label |
[Anonymous]
|
4.0 MiB | 0.19 ms | |
|---|---|---|---|---|
| Input props | [ "data-slot" => "field-label" "class" => "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10 " "for" => "email-password" ] |
|||
| Attributes | [ "data-slot" => "field-label" "class" => "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10 " "for" => "email-password" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2009 -props: [ "data-slot" => "field-label" "class" => "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10 " "for" => "email-password" ] } |
|||
| Field:Content |
[Anonymous]
|
4.0 MiB | 0.34 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2034 -props: [] } |
|||
| Input |
[Anonymous]
|
4.0 MiB | 0.15 ms | |
|---|---|---|---|---|
| Input props | [ "id" => "email-password" "name" => "email" "type" => "email" "autocomplete" => "email" "required" => true "value" => "" "placeholder" => "votreadresse@email.com" ] |
|||
| Attributes | [ "id" => "email-password" "name" => "email" "type" => "email" "autocomplete" => "email" "required" => true "value" => "" "placeholder" => "votreadresse@email.com" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2066 -props: [ "id" => "email-password" "name" => "email" "type" => "email" "autocomplete" => "email" "required" => true "value" => "" "placeholder" => "votreadresse@email.com" ] } |
|||
| Field |
[Anonymous]
|
4.0 MiB | 0.99 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1978 -props: [] } |
|||
| Field:Label |
[Anonymous]
|
4.0 MiB | 0.47 ms | |
|---|---|---|---|---|
| Input props | [ "for" => "password" ] |
|||
| Attributes | [ "for" => "password" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2114 -props: [ "for" => "password" ] } |
|||
| Label |
[Anonymous]
|
4.0 MiB | 0.17 ms | |
|---|---|---|---|---|
| Input props | [ "data-slot" => "field-label" "class" => "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10 " "for" => "password" ] |
|||
| Attributes | [ "data-slot" => "field-label" "class" => "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10 " "for" => "password" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2141 -props: [ "data-slot" => "field-label" "class" => "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10 " "for" => "password" ] } |
|||
| Field:Content |
[Anonymous]
|
4.0 MiB | 0.32 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2166 -props: [] } |
|||
| Input |
[Anonymous]
|
4.0 MiB | 0.14 ms | |
|---|---|---|---|---|
| Input props | [ "id" => "password" "name" => "password" "type" => "password" "autocomplete" => "current-password" "required" => true "placeholder" => "••••••••" ] |
|||
| Attributes | [ "id" => "password" "name" => "password" "type" => "password" "autocomplete" => "current-password" "required" => true "placeholder" => "••••••••" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2198 -props: [ "id" => "password" "name" => "password" "type" => "password" "autocomplete" => "current-password" "required" => true "placeholder" => "••••••••" ] } |
|||
| Button |
[Anonymous]
|
4.0 MiB | 0.28 ms | |
|---|---|---|---|---|
| Input props | [ "type" => "submit" "class" => "w-full" ] |
|||
| Attributes | [ "type" => "submit" "class" => "w-full" ] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2110 -props: [ "type" => "submit" "class" => "w-full" ] } |
|||