diff --git a/views/pages/composants.ejs b/views/pages/composants.ejs
index 592662b..bcf5c68 100644
--- a/views/pages/composants.ejs
+++ b/views/pages/composants.ejs
@@ -278,6 +278,7 @@
     </pre>
 
     <h2 id="notifications">Les notifications</h2>
+    <h3>Erreur</h3>
     <button type="button" class="button is-primary" onclick="showToastr('Ceci est une notification');">Afficher une notification</button>
     <div id="toastr">
         <button class="delete" onclick="hideToastr()" aria-label="Masquer la notification"></button>
@@ -292,6 +293,26 @@
     Afficher une notification
 &lt;/button&gt;
 
+&lt;div id="toastr"&gt;
+    &lt;button class="delete" onclick="hideToastr()" aria-label="Masquer la notification"&gt;&lt;/button&gt;
+    &lt;span&gt;&lt;/span&gt;
+&lt;/div&gt;
+    </pre>
+    <h3>Succès</h3>
+    <button type="button" class="button is-primary" onclick="showToastr('Ceci est une notification', true);">Afficher une notification</button>
+    <div id="toastr">
+        <button class="delete" onclick="hideToastr()" aria-label="Masquer la notification"></button>
+        <span></span>
+    </div>
+    <pre>
+&lt;button
+    type="button"
+    class="button is-primary"
+    onclick="showToastr('Ceci est une notification', true);"
+&gt;
+    Afficher une notification
+&lt;/button&gt;
+
 &lt;div id="toastr"&gt;
     &lt;button class="delete" onclick="hideToastr()" aria-label="Masquer la notification"&gt;&lt;/button&gt;
     &lt;span&gt;&lt;/span&gt;