All components

Steps

Numbered step indicators for sequential instructions. Wrap .step items in a .steps container.

1
First step title

Description text for the first step goes here.

2
Second step title

Description text for the second step goes here.

3
Third step with optional tag (optional)

Steps can include an optional label for non-required actions.

Usage
<div class="steps">
  <div class="step">
    <div class="step-number">1</div>
    <div>
      <div class="step-title">Step title</div>
      <p class="step-desc">Step description.</p>
    </div>
  </div>
</div>