# avatar (Flowbite v4 kit)

> Use the avatar component to show a visual representation of a user profile using an image element or SVG object based on multiple styles and sizes

## Props for `Avatar`

| Name | Type | Description |
|------|------|-------------|
| `size` | `'xs'|'sm'|'md'|'lg'|'xl'|'2xl'` | The avatar size. Defaults to `md` |
| `shape` | `'circle'|'rounded'` | The avatar shape. Defaults to `circle` |
| `border` | `'none'|'bordered'` | Whether to show a ring border. Defaults to `none` |

## Blocks for `Avatar`

- `content`: The avatar content, typically `Avatar:Image` and `Avatar:Fallback`

## Blocks for `Avatar:Fallback`

- `content`: The fallback content displayed when no image is available, typically initials or a placeholder icon

## Blocks for `Avatar:Group`

- `content`: The grouped avatars, typically multiple `Avatar` components

## Props for `Avatar:GroupCount`

| Name | Type | Description |
|------|------|-------------|
| `string` | `as` | The avatar group tag. Defaults to `div` |

## Blocks for `Avatar:GroupCount`

- `content`: The count indicator, e.g. "+99"

## Dependencies

- twig/extra-bundle
- twig/html-extra:^3.12.0
- tales-from-a-dev/twig-tailwind-extra:^1.0.0
- symfony/ux-icons

- [View component](https://ux.symfony.com/toolkit/kits/flowbite-4/components/avatar)