DSO Toolkit homepage

Button

Een icon button moet in de markup eerst het label en dan het icoon hebben staan.

<button type="button" class="btn btn-default"><span></span></button>
<button type="{{ type }}"
  {%- if iconOnly %} title="{{ label }}"{% endif %}
  {{ className('btn', [modifier, 'btn-' + modifier]) }}
  {%- if roleDescription %} aria-roledescription="{{ roleDescription }}"{% endif %}
  {%- if disabled %} disabled{% endif -%}>
  {%- if icon and not(iconOnly) %}{% render '@icon', {icon: icon} -%}{% endif -%}
  <span {{ className([iconOnly, 'sr-only']) }}>{{ label }}</span>
  {%- if iconAfter or iconOnly %}{% render '@icon', {icon: (iconAfter or icon)} -%}{% endif -%}
</button>
type: button
modifier: default