From f9e4d647139e566d55c435dba869d16ebbbb3554 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Wed, 16 Aug 2017 17:21:05 +0800 Subject: Add Filters code example #232 --- docs/elements.html | 18 +++--------------- docs/experimentals.html | 24 ++++++++++++++++++++++++ docs/utilities.html | 4 ++-- 3 files changed, 29 insertions(+), 17 deletions(-) (limited to 'docs') diff --git a/docs/elements.html b/docs/elements.html index ba51922..a677bea 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -555,11 +555,7 @@
-
-
-
-
@@ -575,11 +571,7 @@
-
-
-
-
@@ -591,11 +583,7 @@
-
-
-
-
@@ -617,11 +605,11 @@
- + - + - +
diff --git a/docs/experimentals.html b/docs/experimentals.html index fa80a10..7008acb 100644 --- a/docs/experimentals.html +++ b/docs/experimentals.html @@ -648,6 +648,30 @@
+ +
<div class="filter">
+  <input type="radio" id="tag-all" class="filter-tag" name="filter-radio" hidden checked />
+  <input type="radio" id="tag-action" class="filter-tag" name="filter-radio" hidden />
+  <input type="radio" id="tag-roleplaying" class="filter-tag" name="filter-radio" hidden />
+
+  <div class="filter-nav">
+    <label class="chip" for="tag-all">All</label>
+    <label class="chip" for="tag-action">Action</label>
+    <label class="chip" for="tag-roleplaying">Roleplaying</label>
+  </div>
+
+  <div class="filter-body">
+    <div class="filter-item card" data-tag="tag-action">
+      <!-- Filter item content -->
+    </div>
+    <div class="filter-item card" data-tag="tag-roleplaying">
+      <!-- Filter item content -->
+    </div>
+    <!-- Filter items -->
+  </div>
+</div>
+
+
diff --git a/docs/utilities.html b/docs/utilities.html index 1f1b9d7..c6a4c3f 100644 --- a/docs/utilities.html +++ b/docs/utilities.html @@ -428,7 +428,7 @@

Loading

-

Loading indicator is used for loading or updating. Also, you can add the loading class to buttons for loading status. Add the btn-lg class for large size.

+

Loading indicator is used for loading or updating. Also, you can add the loading class to buttons for loading status.

@@ -436,7 +436,7 @@
-

Add the btn-lg class for large size.

+

Add the loading-lg class for large size.

-- cgit v1.3.1-23-gd82d