MOVU Components

Progress Bar Step: Active 

<div class="col-xs-4 flow-progress-bar-step-wrapper active">

    <span class="number current-state">1/3</span>

    <span class="step-name">Offer overview</span>
</div>
 
<div class="{{ progressBarClass }} flow-progress-bar-step-wrapper {{ progressBarStepState }}">
  {% if completed %}
    {{ completedIcon }}
  {% endif %}
  {% if not completed %}
    <span class="number current-state">{{ stepNumber }}/{{ numberOfSteps }}</span>
  {% endif %}
  <span class="step-name">{{ stepName }}</span>
</div>
 
{
  "progressBarStepState": "active",
  "stepName": "Offer overview",
  "progressBarClass": "col-xs-4",
  "stepNumber": "1",
  "numberOfSteps": "3"
}
  • Handle: @progress-bar-step--active
  • Preview:
  • Filesystem Path: src/components/02components/progress-indicators/progress-bar-step/progress-bar-step.hbs

No notes defined.