Partner Portal

Steppers

User steppers to provide a wizard-like flow that divides content into steps.

Horizontal

  1. Select Items
  2. Shipping Information
  3. Payment Details
  4. Preview Order
  
    
  

.stepper-horizontal {
  @extend  %ftds-stepper-horz;
}

Horizontal Alternative

  1. Select Items
  2. Shipping Information
    Optional
  3. Payment Details
    Optional
  4. Preview Order
    Optional
  
    
  

.stepper-horizontal-alternative {
  @extend  %ftds-stepper-horz;
}