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