# Halo

[**source**](browse://src/components/halo/)

![](../figures/halo.drawio)




<div style="width: 200px; height: 100px; border: 1px solid black; background-color: rgba(40, 40, 80, 0.5); left: 1541px; top: 171.5px;" class="lively-content"></div>


Alt+(SHIFT)+Left-Click:

- Frequently clicking on the Halo reveals the parent of clicked element in DOM hierarchy.
- Holding **shift** selects deep into the shadow root of components