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

Steps

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

Steps are progress indicators of a sequence of task steps.

+
+
+
    +
    • +
    • +
    • +
    • +
+
+
+ +
+
+

Add a container element with the step class. + And add child elements with the step-item class. + The step-item with the active class will be highlighted and indicate the current state of progress. +

+ 
<ul class="step">
+  <li class="step-item">
+    <a href="#" class="tooltip" data-tooltip="Step 1">Step 1</a>
+  </li>
+  <li class="step-item active">
+    <a href="#" class="tooltip" data-tooltip="Step 2">Step 2</a>
+  </li>
+  <li class="step-item">
+    <a href="#" class="tooltip" data-tooltip="Step 3">Step 3</a>
+  </li>
+  <li class="step-item">
+    <a href="#" class="tooltip" data-tooltip="Step 4">Step 4</a>
+  </li>
+</ul>
+
+
+ +
+
+ +
+
+
+ + + \ No newline at end of file -- cgit v1.3.1-23-gd82d