Alert

Css

Classe Elément Description
.alert
.alertDanger
.alertWarning
.alertSuccess
<div> Créer une alerte.
.alertClose <div> Ajouter une icone de fermeture.

Javascript

Fonctions Description
sk.Alert.init(container) Initialise les alertes situées dans le conteneur.

Exemples

Exemple 01

Alert

AlertDanger

AlertWarning

AlertSuccess

<div class="alert">
    <p>Alert</p>
</div>

<div class="alertDanger">
    <p>AlertDanger</p>
</div>

<div class="alertWarning">
    <p>AlertWarning</p>
</div>

<div class="alertSuccess">
    <p>AlertSuccess</p>
</div>

Exemple 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a felis et lacus tempus posuere. Maecenas sapien tellus, faucibus nec elit non, convallis fermentum mauris. Aenean feugiat erat et aliquam fringilla. Aliquam erat volutpat. Sed sit amet tortor ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a felis et lacus tempus posuere. Maecenas sapien tellus, faucibus nec elit non, convallis fermentum mauris. Aenean feugiat erat et aliquam fringilla. Aliquam erat volutpat. Sed sit amet tortor ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a felis et lacus tempus posuere. Maecenas sapien tellus, faucibus nec elit non, convallis fermentum mauris. Aenean feugiat erat et aliquam fringilla. Aliquam erat volutpat. Sed sit amet tortor ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a felis et lacus tempus posuere. Maecenas sapien tellus, faucibus nec elit non, convallis fermentum mauris. Aenean feugiat erat et aliquam fringilla. Aliquam erat volutpat. Sed sit amet tortor ligula.

<div class="alert alertClose">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a felis et lacus tempus posuere. Maecenas sapien tellus, faucibus nec elit non, convallis fermentum mauris. Aenean feugiat erat et aliquam fringilla. Aliquam erat volutpat. Sed sit amet tortor ligula.</p>
</div>

<div class="alertDanger alertClose">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a felis et lacus tempus posuere. Maecenas sapien tellus, faucibus nec elit non, convallis fermentum mauris. Aenean feugiat erat et aliquam fringilla. Aliquam erat volutpat. Sed sit amet tortor ligula.</p>
</div>

<div class="alertWarning alertClose">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a felis et lacus tempus posuere. Maecenas sapien tellus, faucibus nec elit non, convallis fermentum mauris. Aenean feugiat erat et aliquam fringilla. Aliquam erat volutpat. Sed sit amet tortor ligula.</p>
</div>

<div class="alertSuccess alertClose">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a felis et lacus tempus posuere. Maecenas sapien tellus, faucibus nec elit non, convallis fermentum mauris. Aenean feugiat erat et aliquam fringilla. Aliquam erat volutpat. Sed sit amet tortor ligula.</p>
</div>