Steps

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

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

Steps component

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

Last update

Message refactor(icon): use new component
Date:
()
Committer: David Gyenes
Component history