Avatar

The UX Toolkit is not mandatory to install a component. You can install it manually by following the next steps:

1. Copy the following file(s) into your Symfony app:
   templates/components/Avatar.html.twig

   <span
       class="{{ 'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full ' ~ attributes.render('class')|tailwind_merge }}"
       data-slot="avatar"
       {{ attributes }}
   >
       {%- block content %}{% endblock -%}
   </span>
   

   templates/components/Avatar/Image.html.twig

   <img
       class="{{ 'aspect-square h-full w-full ' ~ attributes.render('class')|tailwind_merge }}"
       {{ attributes.defaults({alt: ''}) }}
   />
   

   templates/components/Avatar/Text.html.twig

   <span
       class="{{ 'flex h-full w-full items-center justify-center rounded-full bg-muted ' ~ attributes.render('class')|tailwind_merge }}"
       {{ attributes }}
   >
       {%- block content %}{% endblock -%}
   </span>
   

2. If necessary, install the following Composer dependencies:

   $ composer require tales-from-a-dev/twig-tailwind-extra:^1.0.0

3. And the most important, enjoy!