2016-09-09 06:48:17 +02:00
|
|
|
---
|
|
|
|
|
layout: docs
|
|
|
|
|
title: Close icon
|
2017-05-28 20:25:59 +02:00
|
|
|
description: Use a generic close icon for dismissing content like modals and alerts.
|
2019-05-10 20:27:22 +02:00
|
|
|
group: components
|
2016-09-09 06:48:17 +02:00
|
|
|
---
|
|
|
|
|
|
2017-05-28 20:25:59 +02:00
|
|
|
**Be sure to include text for screen readers**, as we've done with `aria-label`.
|
2016-09-09 06:48:17 +02:00
|
|
|
|
2019-01-08 17:33:28 +01:00
|
|
|
{{< example >}}
|
2016-09-09 06:48:17 +02:00
|
|
|
<button type="button" class="close" aria-label="Close">
|
|
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
|
</button>
|
2019-01-08 17:33:28 +01:00
|
|
|
{{< /example >}}
|
