Components

1<div class="ui-steps">
2  <div class="ui-step ui-completed">
3    <div class="ui-step-indicator">✓</div>
4    <span class="ui-step-label">Details</span>
5  </div>
6  <div class="ui-step-connector ui-completed"></div>
7  <div class="ui-step ui-active">
8    <div class="ui-step-indicator">2</div>
9    <span class="ui-step-label">Payment</span>
10  </div>
11  <div class="ui-step-connector"></div>
12  <div class="ui-step">
13    <div class="ui-step-indicator">3</div>
14    <span class="ui-step-label">Confirm</span>
15  </div>
16</div>
17
18<!-- Vertical variant -->
19<div class="ui-steps ui-vertical">
20  <div class="ui-step ui-completed">
21    <div class="ui-step-indicator">✓</div>
22    <div class="ui-step-content">
23      <span class="ui-step-label">Step 1</span>
24      <span class="ui-step-description">Description</span>
25    </div>
26  </div>
27</div>