Перейти к основному содержанию Перейти к навигации по документам
Cмотреть на GitHub

Кнопка закрытия

Универсальная кнопка закрытия для скрытия содержимого, например, модальных окон и предупреждений.

Обязательно включите текст для программ чтения экрана с помощью aria-label. Отключенные кнопки закрытия имеют pointer-events: none, что предотвращает запуск состояния наведения и активного состояния.

<button type="button" class="close" aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>

<button type="button" class="close" disabled aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>