Steps component
If use e-steps component, add .e-container-withsteps modifier class to .e-container.
| Last update: | () |
| Message | doc(search): new tags and hidden components --skip-ci |
| Committer: | Tamás Bíró |
| Version history | |
Default
<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>