Accordion <x-accordion>
Properties
Property | Attribute | Type | Default | Description |
---|---|---|---|---|
Id
|
id
|
string
|
''
|
De id van de accordion zodat het mogelijk is om meerdere accordions op een pagina te hebben |
Title
|
title
|
string
|
''
|
De titel van de accordion |
Content class
|
contentClass
|
string
|
''
|
Class om op de content te zetten |
Voorbeeldcode:
<x-accordion
id="example"
title="Dit is een titel"
>
Dit is de inhoud
</x-accordion>
Dit is een titel
Dit is de inhoud
Voorbeeldcode met en module:
<x-module>
<x-accordion
id="example-module"
contentClass="collapse pt-4"
>
<x-slot:title class="link title title--h3 d-xs-flex align-items-xs-center">
Over Vektis
</x-slot:title>
<div class="row">
<div class="col-sm-6">
<h2 class="title title--h3">
Vektis: jouw business intelligence partner in de zorg
</h2>
Vektis draagt bij aan goede zorg in Nederland. Iedere dag weer. Dankzij de intelligente bouwstenen en slimme standaarden van Vektis Streams verloopt inkoop en declaratie in de zorg soepel en efficiënt. Vektis Intelligence geeft inzicht in het gebruik van zorg over de gehele breedte. Als geen ander weten wij hoe we zorgdata moeten interpreteren. Dat maakt ons dé business intelligence partner voor overheden, zorgverzekeraars, zorgaanbieders, de wetenschap en andere opdrachtgevers die de zorg willen verbeteren. En daar zijn we best trots op.
</div>
<div class="col-sm-6">
<x-youtube id="XEc0J-0Cuio" />
</div>
</div>
</x-accordion>
</x-module>
Over Vektis