From 3ab3a9d09955772ec56ddadbba49954b4edd6a3e Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 6 Nov 2018 18:52:37 +0800 Subject: Update the Docs completely --- docs/components/toasts.html | 268 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 268 insertions(+) create mode 100644 docs/components/toasts.html (limited to 'docs/components/toasts.html') diff --git a/docs/components/toasts.html b/docs/components/toasts.html new file mode 100644 index 0000000..d28a2f5 --- /dev/null +++ b/docs/components/toasts.html @@ -0,0 +1,268 @@ + + + + Toasts - Components - Spectre.css CSS Framework + + + + + + + + + + + + + + + +
+
+
GitHubSponsor
+
+ +
+
+
+

Toasts

+
+
+ + + +
+
+ + +
+
+

Toasts are used to show alert or information to users.

+
+
+
+ +
Toast Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
+
+
+

Add a container element with the toast class. + You can add any text within the container, and even icons. + You may also add a close button with the btn-clear class if you need. +

+ 
<div class="toast">
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+</div>
+
+
+
+
+ Toast success +
+
+
+
+ Toast warning +
+
+
+
+ Toast error +
+
+
+

And you can add the toast-primary, toast-success, toast-warning or toast-error class for additional toast colors.

+ 
<div class="toast toast-primary">
+  <button class="btn btn-clear float-right"></button>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+</div>
+
+
+ +
+
+ +
+
+
+ + + \ No newline at end of file -- cgit v1.3.1-23-gd82d