---
title: 'atom/modal/close-button'
description: closing "X" for a modal/dialog panel
source: 'atom-modal-close-button.html'
sass: 
js:
---

This is a UI control element. 

On click, a corresponding modal or dialog panel is closed, a.k.a. hidden or removed.
 
## example

```html_example
<a class="btn btn-icon btn-cta-xhr cta-xhr-modal-close" href="javascript:return true;" aria-label="Close modal" data-close>
  <span aria-hidden="true">&times;</span>
</a>
```