Steps component

If use e-steps component, add .e-container-withsteps modifier class to .e-container.

Default

.e-steps

<div class="e-steps">
  <a class="e-steps__nav e-steps__nav-prev" href="#">
    <e-icon icon="e-caret-left"></e-icon>
    <span>
      Previous step
    </span>
  </a>
  <a class="e-steps__nav e-steps__nav-next e-steps__nav-disabled" href="#">
    <span>
      Next step
    </span>
    <e-icon icon="e-caret-right"></e-icon>
  </a>
  <div class="e-steps__progress">
    <a class="e-steps__item e-steps__item-action" href="#">
      Description
    </a>
    <a class="e-steps__item e-steps__item-current" href="#">
      Contenu du formulaire
    </a>
    <a class="e-steps__item e-steps__item-disabled" href="#">
      Destinataires
    </a>
    <a class="e-steps__item e-steps__item-disabled" href="#">
      Champs de données
    </a>
    <a class="e-steps__item e-steps__item-action" href="#">
      Après inscription
    </a>
    <a class="e-steps__item e-steps__item-current" href="#">
      Code source
    </a>
  </div>
</div>
<div class="e-steps"><a class="e-steps__nav e-steps__nav-prev" href="#"><e-icon icon="e-caret-left"></e-icon><span>Previous step</span></a><a class="e-steps__nav e-steps__nav-next e-steps__nav-disabled" href="#"><span>Next step</span><e-icon icon="e-caret-right"></e-icon></a><div class="e-steps__progress"><a class="e-steps__item e-steps__item-action" href="#">Description</a><a class="e-steps__item e-steps__item-current" href="#">Contenu du formulaire</a><a class="e-steps__item e-steps__item-disabled" href="#">Destinataires</a><a class="e-steps__item e-steps__item-disabled" href="#">Champs de données</a><a class="e-steps__item e-steps__item-action" href="#">Après inscription</a><a class="e-steps__item e-steps__item-current" href="#">Code source</a></div></div>