# Make a component visible only when the cursor is over

**URL:** <https://forum.inductiveautomation.com/t/make-a-component-visible-only-when-the-cursor-is-over/31902>\
**Category:** Ignition\
**Created:** [February 4, 2020, 11:46am UTC](https://forum.inductiveautomation.com/t/make-a-component-visible-only-when-the-cursor-is-over/31902 "2020-02-04T11:46:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![lachguerabdallah](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lachguerabdallah/32/25558_2.png) [@lachguerabdallah](https://forum.inductiveautomation.com/u/lachguerabdallah)\
**Post date:** [February 4, 2020, 11:46am UTC](https://forum.inductiveautomation.com/t/make-a-component-visible-only-when-the-cursor-is-over/31902/1 "2020-02-04T11:46:40Z")

</div>

How can I make a component visible only when the cursor is over?

thanks.

---

<div class="post-metadata">

**Author:** ![kirsten.chambers](https://avatars.discourse-cdn.com/v4/letter/k/48db29/32.png) [@kirsten.chambers](https://forum.inductiveautomation.com/u/kirsten.chambers)\
**Post date:** [February 4, 2020, 3:50pm UTC](https://forum.inductiveautomation.com/t/make-a-component-visible-only-when-the-cursor-is-over/31902/2 "2020-02-04T15:50:04Z")

</div>

Is this for a Perspective project or a Vision one? Please be sure to clarify next time 🙂 (fortunately, the answer is pretty similar in either case).

In Perspective, you can simply put the object in a container and use `onMouseEnter` and `onMouseLeave` events on the container to set the inner component’s meta.visible property.

In Vision, you can do the same thing with a Container component and its `mouseEntered` and `mouseExited` events to get the desired behavior.