From 72834a9180fe90240f240e0ed06c08eb180a66ee Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 22 Aug 2017 15:57:14 +0800 Subject: Add Avatars presence status code --- docs/components.html | 48 +++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 39 insertions(+), 9 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index f414d7c..ec965a1 100644 --- a/docs/components.html +++ b/docs/components.html @@ -532,20 +532,20 @@
-
- Avatar +
+ Avatar XL
-
- Avatar +
+ Avatar LG
-
+
Avatar
-
- Avatar +
+ Avatar SM
-
- Avatar +
+ Avatar XS
@@ -602,6 +602,36 @@ <figure class="avatar avatar-xl" data-initial="YZ" style="background-color: #5764c6;"> <img src="img/avatar-1.png" alt="..." /> </figure> + + +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+

Avatars support presence indicators. You can add an i element with the avatar-presence class, and add online, busy or away class for different status colors. The default is gray which means offline.

+
+ + +
<figure class="avatar avatar-xl">
+  <img src="img/avatar-1.png" alt="..." />
+  <i class="avatar-presence online"></i>
+</figure>
-- cgit v1.3.1-23-gd82d