component

La fonction component permet d'afficher un composant réutilisable dans l'écosystème Elementum.

Utilisation

{{ component(nom_du_composant, arguments, projet) }}

Exemple pratique

{{ component('card', {
    'title': 'Titre de la carte',
    'content': 'Contenu de la carte',
    'image': 'chemin/vers/image.jpg'
}) }}

Paramètres

Paramètre	Type	Description
name	string	Requis. Nom du composant à afficher. Le fichier doit se trouver dans views/components/nom_du_composant.html.twig
args	array	Optionnel. Tableau associatif des variables à passer au composant. Par défaut : []
project_name	string|false	Optionnel. Nom du projet contenant le composant si celui-ci n'est pas dans le thème actuel. Par défaut : false

Emplacement des composants

attention

Les composants doivent être placés dans le dossier views/components/ de votre projet et doivent avoir l'extension .html.twig.

Exemple de structure :

views/
  components/
    card.html.twig
    button.html.twig
    header.html.twig

Bonnes pratiques

• Utilisez des noms de composants descriptifs en kebab-case (ex: user-profile-card)
• Privilégiez la composition de plusieurs petits composants plutôt que des composants trop complexes