# Avatar

Displays a user's profile picture, initials, or fallback icon.

# Installation

Copy the following code into your app directory.


> **Error: 'Avatar' not found in registry**


# Usage


> **Error: 'avatar' not found in registry**


# Anatomy 
Use the following composition to build a `Avatar`


```python
avatar.root(
    avatar.image(),
    avatar.fallback(),
)
```



# Examples

Below are examples demonstrating how the component can be used.

## General

Displays a basic avatar with either a user image or a fallback placeholder.


> **Error: 'avatar_general' not found in registry**


## Sizes

Demonstrates how to scale the avatar component using Tailwind utility classes.


> **Error: 'avatar_sizes' not found in registry**


## With Badge

Shows how to combine an avatar with status or notification badges for added context.


> **Error: 'avatar_with_badge' not found in registry**