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/experimentals.html | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'docs/experimentals.html') 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>
+
+
-- cgit v1.3.1-23-gd82d