Development guide

Sidebar <x-sidebar>

Properties

Property Attribute Type Default Description
tag tag string div Het element wat gebruikt moet worden voor de sidebar
title title string '' Titel van de sidebar
titleClass title-class string sidebar__title Class die op de sidebar titel wordt gezet

Voorbeeldcode:

<x-sidebar title="Uitleg" title-class="title title--h1 mb-3">
    <p>Hier treft u een overzicht aan van de ondernemingen waar u werkzaam voor bent. Selecteer de onderneming waar u de gegevens voor wilt opgeven.</p>
    <p>
        Heeft u vragen over het invullen van de wachttijden?<br>
        Bekijk de <a href="#">veelgestelde vragen</a> op onze website of raadpleeg de
        <a href="#">veelgestelde vragen</a>
        die is opgesteld door de Landelijke stuurgroep wachttijden.
    </p>
</x-sidebar>
<x-sidebar title="Downloads">
    <ul class="filelist">
        <li class="filelist__item">
            <div class="filelist__label">
                FileName
            </div>
            <div class="filelist__link">
                <a href="#" class="button button--dark button--download gtm-button" target="_blank">
                    &icon('arrow-down-to-line')
                </a>
            </div>
        </li>
    </ul>
</x-sidebar>
<x-sidebar title="Nieuwsbrief" title-class="title title--h1 mb-3">
    <p>Meld je aan voor de Vektis nieuwsbrief</p>
        <ul class="checklist">
            <li class="checklist__item">Onze openbare zorginzichten automatisch in je mailbox
                    Transparant
                    Toegankelijke informatie
            </li>
        </ul>
    <a href="#" class="button button--dark gtm-button" data-toggle="modal" data-target="#mailChimp_3">Schrijf je in</a>
</x-sidebar>