adding #30

public/components.html

@@ -856,6 +856,26 @@
                 <h2 class="m-top-5">
                     Toast
                 </h2>
+                <div class="content">
+<code>&#x3C;div class=&#x22;toast-wrapper&#x22;&#x3E;
+    &#x3C;div class=&#x22;toast&#x22;&#x3E;
+        &#x3C;div class=&#x22;toast__icon&#x22;&#x3E;
+            &#x3C;svg class=&#x22;icon fill-text-contrast&#x22; aria-hidden=&#x22;true&#x22;&#x3E;
+                &#x3C;use xlink:href=&#x22;/symbol-defs.svg#icon-warning&#x22;&#x3E;&#x3C;/use&#x3E;
+            &#x3C;/svg&#x3E;
+        &#x3C;/div&#x3E;
+        &#x3C;div class=&#x22;toast__body&#x22;&#x3E;
+
+        &#x3C;/div&#x3E;
+        &#x3C;div class=&#x22;toast__button&#x22;&#x3E;
+            &#x3C;svg class=&#x22;icon fill-text-contrast&#x22; aria-hidden=&#x22;true&#x22;&#x3E;
+                &#x3C;use xlink:href=&#x22;/symbol-defs.svg#icon-close&#x22;&#x3E;&#x3C;/use&#x3E;
+            &#x3C;/svg&#x3E;
+        &#x3C;/div&#x3E;
+    &#x3C;/div&#x3E;
+&#x3C;/div&#x3E;
+</code>
+</div>
 
                 <script type="text/javascript">
                     function addToast() {