2016-09-09 04:48:17 +00:00
|
|
|
---
|
|
|
|
|
layout: docs
|
|
|
|
|
title: Close icon
|
2017-05-28 18:25:59 +00:00
|
|
|
description: Use a generic close icon for dismissing content like modals and alerts.
|
2016-09-09 04:48:17 +00:00
|
|
|
group: utilities
|
2017-05-28 18:25:59 +00:00
|
|
|
toc: true
|
2016-09-09 04:48:17 +00:00
|
|
|
---
|
|
|
|
|
|
2017-05-28 18:25:59 +00:00
|
|
|
**Be sure to include text for screen readers**, as we've done with `aria-label`.
|
2016-09-09 04:48:17 +00:00
|
|
|
|
|
|
|
|
{% example html %}
|
|
|
|
|
<button type="button" class="close" aria-label="Close">
|
|
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
|
</button>
|
|
|
|
|
{% endexample %}
|
