Steps component
If use e-steps component, add .e-container-withsteps modifier class to .e-container.
Default
Copy Pug Copy HTML Show code Hide code.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>