diff --git a/code_samples/back_office/components/twig_components.yaml b/code_samples/back_office/components/twig_components.yaml
index bfcfc70e1e..4293c46b56 100644
--- a/code_samples/back_office/components/twig_components.yaml
+++ b/code_samples/back_office/components/twig_components.yaml
@@ -1,18 +1,5 @@
ibexa_twig_components:
admin-ui-user-menu:
- custom-html-component:
- type: html
- arguments:
- content: 'Hello world!'
- custom-template-component:
- type: template
- arguments:
- template: '@ibexadesign/ui/component/user_thumbnail/user_thumbnail.html.twig'
- parameters:
- user_content:
- name: "Thumbnail"
- thumbnail:
- resource: https://placecats.com/100/100
custom-controller-component:
type: controller
arguments:
@@ -20,15 +7,17 @@ ibexa_twig_components:
parameters:
parameter1: 'custom'
parameter2: true
- admin-ui-stylesheet-head:
- custom-link-component:
- type: stylesheet
+ custom-html-component:
+ type: html
arguments:
- href: 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback'
- rel: stylesheet
- crossorigin: anonymous
- integrity: sha384-LN/mLhO/GN6Ge8ZPvI7uRsZpiXmtSkep+aFlJcHa8by4TvA34o1am9sa88eUzKTD
- type: text/css
+ content: 'Hello world!'
+ admin-ui-user-menu:
+ duplicated_user_menu:
+ type: menu
+ arguments:
+ name: ezplatform_admin_ui.menu.user
+ template: '@ibexadesign/ui/menu/user.html.twig'
+ depth: 1
admin-ui-script-head:
custom-script-component:
type: script
@@ -39,3 +28,22 @@ ibexa_twig_components:
async: true
integrity: sha384-Ewi2bBDtPbbu4/+fs8sIbBJ3zVl0LDOSznfhFR/JBK+SzggdRdX8XQKauWmI9HH2
type: text/javascript
+ admin-ui-stylesheet-head:
+ custom-link-component:
+ type: stylesheet
+ arguments:
+ href: 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback'
+ rel: stylesheet
+ crossorigin: anonymous
+ integrity: sha384-LN/mLhO/GN6Ge8ZPvI7uRsZpiXmtSkep+aFlJcHa8by4TvA34o1am9sa88eUzKTD
+ type: text/css
+ admin-ui-global-search:
+ custom-template-component:
+ type: template
+ arguments:
+ template: '@ibexadesign/ui/component/user_thumbnail/user_thumbnail.html.twig'
+ parameters:
+ user_content:
+ name: "Thumbnail"
+ thumbnail:
+ resource: https://placecats.com/100/100
diff --git a/docs/templating/components.md b/docs/templating/components.md
index adcd682604..4950abed55 100644
--- a/docs/templating/components.md
+++ b/docs/templating/components.md
@@ -56,11 +56,25 @@ You can use an unique group name when creating a Twig Component to create your o
| Name | Description | YAML type |
|---|---|---|
+| [Controller](https://github.com/ibexa/twig-components/blob/main/src/lib/Component/ControllerComponent.php) | Renders a Symfony controller |`controller` |
+| [HTML](https://github.com/ibexa/twig-components/blob/main/src/lib/Component/HtmlComponent.php) | Renders static HTML |`html` |
+| [Menu](https://github.com/ibexa/twig-components/blob/main/src/lib/Component/MenuComponent.php) | Renders a [menu](https://symfony.com/bundles/KnpMenuBundle/current/index.html) |`menu` |
| [Script](https://github.com/ibexa/twig-components/blob/main/src/lib/Component/ScriptComponent.php) | Renders a [`