<!-- Default -->
<button type="button" class="btn dso-info-button">
<span class="sr-only">
Toelichting
</span>
</button>
<!-- Toggle Info Active -->
<button type="button" class="btn dso-info-button dso-open">
<span class="sr-only">
Toelichting
</span>
</button>
<button type="button" class="btn dso-info-button{{#if infoOpen }} dso-open{{/if}}">
<span class="sr-only">
Toelichting
</span>
</button>
/* Default: No context defined */
/* Toggle Info Active */
infoOpen: true
- Handle: @info-button
- Variants (2): Default , Toggle Info Active
- Preview:
- Filesystem Path: components\04-indicators\information\info-button.hbs
- Referenced by (43): @conclusion, @conclusion--warning, @conclusion--forbidden, @group-checkboxes, @group-checkboxes--input-checkbox-required, @group-checkboxes--input-checkbox-invalid, @group-checkboxes--input-checkbox-valid, @group-checkboxes--input-checkbox-disabled, @group-checkboxes--input-checkbox-info-button, @group-input, @group-input--input-text-invalid, @group-input--input-text-valid, @group-input--input-text-placeholder, @group-input--input-text-icon, @group-input--input-text-disabled, @group-input--input-text-readonly, @group-input--input-text-infobutton, @group-input--input-text-infobutton-open, @group-radios, @group-radios--input-radio-required, @group-radios--input-radio-invalid, @group-radios--input-radio-valid, @group-radios--input-radio-disabled, @group-radios--input-radio-inline, @group-radios--input-radio-inline-info, @group-select, @group-select--input-select-multiple, @group-select--input-select-invalid, @group-select--input-select-valid, @group-select--input-select-disabled, @group-select--input-select-infobutton-open, @group-static, @group-static--static, @group-static--static-infobutton, @group-static--static-infobutton-open, @group-textarea, @group-textarea--input-textarea-invalid, @group-textarea--input-textarea-valid, @group-textarea--input-textarea-rows6, @group-textarea--input-textarea-placeholder, @group-textarea--input-textarea-disabled, @group-textarea--input-textarea-readonly, @group-textarea--input-textarea-infobutton-open
De class .dso-info-open (bij getoonde toelichting) maakt de button groen.