Avatar

Raúl García avatar
Héctor Olivares avatar
Joaquin Pastore avatar
Alvaro Estévez avatar

Import

To use the Avatar component in your project, import it as follows:

Usage

The Avatar component is designed to be simple yet powerful, allowing you to display user profiles or placeholders effortlessly. Here's an example of its basic usage:

Basic Usage

Key Features

  • Customizable Sizes: Choose between small, medium, or large avatars to fit your design needs.

  • Dynamic Shapes: Supports both circular and square shapes for flexible styling.

  • Fallback Options: Displays initials or a default icon when no image is provided.

  • Accessibility Friendly: Includes alt text support for improved screen reader compatibility.

  • Integrates Seamlessly: Works with your existing themes and supports custom class names for extended styling.