MOVU Components

Progress Bar Step: Completed 

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

    <i class='progress-bar-step-icon material-icons'>check_circle</i>

    <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>
 
{
  "completed": true,
  "progressBarStepState": "completed",
  "stepName": "Offer overview",
  "progressBarClass": "col-xs-4",
  "completedIcon": "<i class='progress-bar-step-icon material-icons'>check_circle</i>"
}
  • Handle: @progress-bar-step--completed
  • Preview:
  • Filesystem Path: src/components/02components/progress-indicators/progress-bar-step/progress-bar-step.hbs

No notes defined.