<button type="button" class="btn dso-info-button" aria-expanded="false">
<span class="sr-only">Toelichting bij optie</span>
</button>
<button type="button" class="btn dso-info-button dso-open" aria-expanded="true">
<span class="sr-only">Toelichting bij optie</span>
</button>
<button type="button" class="btn dso-info-button dso-info-secondary" aria-expanded="false">
<span class="sr-only">Toelichting bij optie</span>
</button>
<button type="button" class="btn dso-info-button dso-open dso-info-secondary" aria-expanded="true">
<span class="sr-only">Toelichting bij optie</span>
</button>
<button type="button"
{{ className('btn dso-info-button', [infoOpen, 'dso-open'], [infoSecondary, 'dso-info-secondary']) }}
{{ attributes([infoOpen, 'aria-expanded', not(not(infoOpen)), true]) }}
>
<span class="sr-only">
{%- if infoButtonLabel -%}
{{ infoButtonLabel }}
{%- else -%}
Toelichting bij deze optie
{%- endif -%}
</span>
</button>
__title: default
infoOpen: false
infoButtonLabel: Toelichting bij optie
__title: open
infoOpen: true
infoButtonLabel: Toelichting bij optie
__title: secondary
infoOpen: false
infoButtonLabel: Toelichting bij optie
infoSecondary: true
__title: secondary open
infoOpen: true
infoButtonLabel: Toelichting bij optie
infoSecondary: true