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>