Alertes repliables

Questions ou commentaires?

But

Ce plugiciel a pour but de permettre à la classe .alert d'être utilisé avec un bloc details / summary afin de permettre la création d'alertes qui peuvent être repliées par l'utilisateur. Le plugiciel utilise la technologie « Local Storage » pour permettre au navigateur Web de se rappeler de l'état de l'alerte (ouverte ou repliées).

Exemples pratiques

Comment mettre en œuvre

Pour utiliser les alertes repliables, un bloc details/summary doit posséder ce qui suit :

<section>
	<details class="alert alert-success" id="alert-success" open="open">
		<summary class="h2">
			<h2>Bien joué!</h2>
		</summary>
		<p>Vous avez lue une <a href="#" class="alert-link">alerte importante</a>.</p>
	</details>
</section>

Code source

Code source du plugiciel Alertes repliables sur GitHub

Date de modification :