Components
11
Twig Components
22
Render Count
14
ms
Render Time
4.0
MiB
Memory Usage
Components
| Name | Metadata | Render Count | Render Time |
|---|---|---|---|
| Field |
[Anonymous]
components/Field.html.twig
|
3 | 4.65ms |
| Field:Label |
[Anonymous]
components/Field/Label.html.twig
|
3 | 2.06ms |
| Label |
[Anonymous]
components/Label.html.twig
|
3 | 0.78ms |
| Field:Content |
[Anonymous]
components/Field/Content.html.twig
|
3 | 1.37ms |
| Input |
[Anonymous]
components/Input.html.twig
|
3 | 0.59ms |
| Button |
[Anonymous]
components/Button.html.twig
|
2 | 1.36ms |
| Card |
[Anonymous]
components/Card.html.twig
|
1 | 14.39ms |
| Card:Header |
[Anonymous]
components/Card/Header.html.twig
|
1 | 1.34ms |
| Card:Title |
[Anonymous]
components/Card/Title.html.twig
|
1 | 0.45ms |
| Card:Description |
[Anonymous]
components/Card/Description.html.twig
|
1 | 0.31ms |
| Card:Content |
[Anonymous]
components/Card/Content.html.twig
|
1 | 7.55ms |
Render calls
| Card |
[Anonymous]
|
4.0 MiB | 14.39 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1002 -props: [] } |
|||
| Card:Header |
[Anonymous]
|
4.0 MiB | 1.34 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1632 -props: [] } |
|||
| Card:Title |
[Anonymous]
|
4.0 MiB | 0.45 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.55 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1659 -props: [] } |
|||
| Field |
[Anonymous]
|
4.0 MiB | 2.40 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1771 -props: [] } |
|||
| Field:Label |
[Anonymous]
|
4.0 MiB | 0.99 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.40 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.69 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.23 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1953 -props: [] } |
|||
| Field:Label |
[Anonymous]
|
4.0 MiB | 0.59 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.21 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.35 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2034 -props: [] } |
|||
| Input |
[Anonymous]
|
4.0 MiB | 0.16 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 | 1.02 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#1978 -props: [] } |
|||
| Field:Label |
[Anonymous]
|
4.0 MiB | 0.48 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.33 ms | |
|---|---|---|---|---|
| Input props | [] |
|||
| Attributes | [] |
|||
| Component | Symfony\UX\TwigComponent\AnonymousComponent {#2166 -props: [] } |
|||
| Input |
[Anonymous]
|
4.0 MiB | 0.15 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" ] } |
|||