Steppers usage

Steppers are used to display a sequence of numbered steps. Steppers can also be used for navigation such as breadcrumbs.

Horizontal stepper

  • 1
    test
  • 2
    test
		
<ul class="stepper-horizontal">
  <li class="step"><div class="step-circle">1</div> test</li>
  <li class="step active"><div class="step-circle active">2</div> test</li>
</ul>
		
	

Vertical stepper

  • 1
    test
  • 2
    test
		
<ul class="stepper-vertical">
  <li class="step"><div class="step-circle">1</div> test</li>
  <li class="step active"><div class="step-circle active">2</div> test</li>
</ul>
		
	

Resources