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/chips.html | 250 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 250 insertions(+) create mode 100644 docs/components/chips.html (limited to 'docs/components/chips.html') diff --git a/docs/components/chips.html b/docs/components/chips.html new file mode 100644 index 0000000..ba22813 --- /dev/null +++ b/docs/components/chips.html @@ -0,0 +1,250 @@ + + + + Chips - Components - Spectre.css CSS Framework + + + + + + + + + + + + + + + +
+
+
GitHubSponsor
+
+ +
+
+
+

Chips

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

Chips are complex entities in small blocks.

+
+
CrimeDramaBiographyMystery
+
+
+
Tony Stark +
+
Thor OdinsonThor Odinson
+
Steve RogersSteve Rogers
+
+
+

Add a container element with the chip class. + And add child text element, buttons or avatars with the avatar class. +

+ 
<span class="chip">Crime</span>
+
+<span class="chip">
+  Biography
+  <a href="#" class="btn btn-clear" aria-label="Close" role="button"></a>
+</span>
+
+<div class="chip">
+  <img src="img/avatar-1.png" class="avatar avatar-sm">
+  Yan Zhu
+  <a href="#" class="btn btn-clear" aria-label="Close" role="button"></a>
+</div>
+
+
+ +
+
+ +
+
+
+ + + \ No newline at end of file -- cgit v1.3.1-23-gd82d