Direct naar hoofdinhoud

Hoofdnavigatie

Platform Beta

ActionBar

.actionBar

A component that is used at the bottom of a form.

Markup

<div class="actionBar {{modifier_class}}">
    <div class="actionBar__container">
        <a href="javascript:void(0)" class="backArrowLink backArrowLink--compact backArrowLink--button actionBar__item" data-formAction="previousPage">
            <span class="backArrowLink__text">Vorige stap</span>
        </a>
    </div>
    <div class="actionBar__container actionBar__container--right">
        <button type="submit" class="button button--arrowRight actionBar__item" data-formAction="processPage">
            <span data-buttonLabel="nextPage" class="">Volgende stap</span>
            <span data-buttonLabel="submit" class="is-hidden">Verzenden</span>
        </button>
    </div>
</div>

Modifiers

.actionBar--atArticleBottom

Makes the actionbar overlap the standard article padding-bottom. If it needs to be placed at the bottom of an article.