| commit | author | age | ||
| 83c3f6 | 1 | --- |
| SP | 2 | layout: docs |
| 3 | title: Close icon | |
| 4 | description: Use a generic close icon for dismissing content like modals and alerts. | |
| 5 | group: utilities | |
| 6 | toc: true | |
| 7 | --- | |
| 8 | ||
| 9 | **Be sure to include text for screen readers**, as we've done with `aria-label`. | |
| 10 | ||
| 11 | {% capture example %} | |
| 12 | <button type="button" class="close" aria-label="Close"> | |
| 13 | <span aria-hidden="true">×</span> | |
| 14 | </button> | |
| 15 | {% endcapture %} | |
| 16 | {% include example.html content=example %} | |
