Avatar

The Avatar component displays a user's profile picture, an icon, or initials. It supports customization options such as different sizes, shapes, and styles. This component is useful for user profiles, comment sections, and contact lists.

Component Status

Figma

Up to date

Status

Stable

HTML

Up to date

React

Up to date

Twig

Not scheduled

Design Usage

  • A graphical representation of a user: it can be a photo, illustration, or initial.
  • Initial is used when no photo or illustration is available

© 2025 Spirit. Page last updated on Feb 12, 2025, 13:30