---
description: Quick guide to add selection visuals to your units.
---

# Add visuals to units

**Video:** You can also see the quick set up video [here](https://www.youtube.com/watch?v=bI2_SdG-qS8).



Add **visual representation** for units in **selected** or **highlighted** state. To learn more about how this works visit [selection-indicator](../how-it-works/selectable-unit/selection-indicator "mention") page.

**Steps to set up:**

1.  Open your unit prefab and drag & drop <mark style="color:green;">**Selection Indicator - Sprite**</mark> prefab into it.



    <div align="left"><figure><img src="https://425343605-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fml7vS0D5xN2Q8jQMEmBv%2Fuploads%2FzfUmsM93ANLxh8qZET2r%2Fimage.png?alt=media&#x26;token=9c458b8e-3356-47b6-a1c8-46072a163a73" alt="" width="563"><figcaption><p>SpriteRendererSelectionIndicator component</p></figcaption></figure></div>
2. (Optional) Replace **selected** and **highlighted** **sprites** with your own.
3. Configure **position**, **scale** and even **rotation** on transform as needed.
4. Set the **Selection Indicator** reference on the <mark style="color:blue;">**SelectableUnit**</mark> component for it to manage the selection visuals.
5. Save unit prefab.

