# Hover Details UGUI

<div><figure><img src="https://content.gitbook.com/content/U01GoZemiyGb05FxOrLe/blobs/5RIyqOVVsbLKs2mLNjFr/image_2025-03-13_220231037.png" alt=""><figcaption></figcaption></figure> <figure><img src="https://content.gitbook.com/content/U01GoZemiyGb05FxOrLe/blobs/dXTPkIFu5jCdVHNIiYBZ/image_2024-12-19_041531550.png" alt=""><figcaption></figcaption></figure></div>

The Inventool Hover Details UGUI is a component that displays item details in a modern fashion.

{% hint style="info" %}
If the hover details popup is appearing at the wrong location initially, setting the **Alpha** value of the **CanvasGroup component** on its **Content GameObject** may fix the issue.
{% endhint %}

## Properties

| Name                | Description                                                                                                       |
| ------------------- | ----------------------------------------------------------------------------------------------------------------- |
| Stat Element Prefab | The stat element prefab instantiated for each item stat.                                                          |
| Content             | The main content container.                                                                                       |
| Animator            | The animator component. Requires an animation named "Open" and "Close".                                           |
| Item Background     | The image that displays the item background.                                                                      |
| Item Icon           | The image that displays the item icon.                                                                            |
| Item Name Label     | The label that displays the item name.                                                                            |
| Item Type Label     | The label that displays the item type.                                                                            |
| Description Scroll  | The scroll rect which contains the description label.                                                             |
| Description Label   | The label that displays the item description.                                                                     |
| Stats Scroll        | The stats scroll rect which contains all stats.                                                                   |
| Weight Area         | The weight area.                                                                                                  |
| Weight Label        | The label that displays the item weight.                                                                          |
| Currency Icon       | The image that displays the item selling cost icon.                                                               |
| Currency Label      | The label that displays the item selling cost.                                                                    |
| Bottom Area         | The bottom area.                                                                                                  |
| Separator           | The separator.                                                                                                    |
| Appearance Delay    | The length of time in seconds in which the player must be hovering an item before the item details are displayed. |

## Scripting Side

{% content-ref url="../../../../scripting/api/ui/ugui/inventool-hover-details-ugui" %}
[inventool-hover-details-ugui](https://stylishesper.gitbook.io/inventool/inventool-v1/scripting/api/ui/ugui/inventool-hover-details-ugui)
{% endcontent-ref %}
