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

Кнопка закрытия. Устанавливает стили для кнопки закрытия, которые можно комбинировать с различными компонентами UIkit 2.

Использование

Чтобы применить компонент Close, добавьте класс .uk-close к элементу <a> или <button>.

Пример

Разметка

<a href="" class="uk-close"></a>

Модификатор стиля

Добавьте класс .uk-close-alt, чтобы применить альтернативный стиль к кнопке закрытия.

Пример

Разметка

<a href="" class="uk-close uk-close-alt"></a>

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

Это пример того, как компонент Close используется с информационным сообщением компонента Alert.

Пример

Это сообщение, использующее компонент Close, с кнопкой закрытия.

Разметка

<div class="uk-alert" data-uk-alert>
    <a href="#" class="uk-alert-close uk-close"></a>
    <p>Сообщение</p>
</div>

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

Это пример того, как компонент Close используется с компонентом Modal.

Пример

Разметка

<div id="modal" class="uk-modal">
    <div class="uk-modal-dialog uk-modal-dialog-lightbox">
        <button type="button" class="uk-modal-close uk-close uk-close-alt"></button>
        ...
    </div>
</div>