# Avatar

## Overview

A field to display user information and an image; also includes a title and a caption.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FsMntBQs1Cxoo4y0Dm960%2FCleanShot%202025-07-14%20at%2013.51.52%402x-min.png?alt=media&#x26;token=5c1c7121-dcd4-4b8a-bd31-51870eb1e10f" alt=""><figcaption></figcaption></figure>

### Triggers

<table><thead><tr><th width="144.72265625">Name</th><th>Description</th></tr></thead><tbody><tr><td><strong>On Click</strong></td><td>Triggered when the component is clicked</td></tr><tr><td><strong>On Double Click</strong></td><td>Triggered when the component is double-clicked</td></tr><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td></tr></tbody></table>

***

{% content-ref url="../../how-tos/components-recipes/adding-context-menu-to-the-avatar" %}
[adding-context-menu-to-the-avatar](https://docs.uibakery.io/how-tos/components-recipes/adding-context-menu-to-the-avatar)
{% endcontent-ref %}