From 3db73e976f60f54003f1183d880bce98e122876a Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Wed, 22 Feb 2017 18:50:32 +0800 Subject: ADD: Steps component and improve docs --- docs/components.html | 108 ++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 103 insertions(+), 5 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index ec5c834..a4f52e9 100644 --- a/docs/components.html +++ b/docs/components.html @@ -67,6 +67,9 @@
  • Navigation
    • +
  • + Steps +
  • Tiles
    • @@ -899,7 +902,7 @@ + +
    +

    Steps

    +
    +

    Steps are progress indicators of a sequence of task steps.

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

    Add a container element with the class step. And add child elements with the classname step-item. The step-item with the class active 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>
+
    @@ -1223,7 +1318,10 @@

    The S.H.I.E.L.D.

    The Strategic Homeland Intervention, Enforcement, and Logistics Division...

    -

    +

    + + +

    -- cgit v1.3.1-23-gd82d