DSO Component Library

Button 

<!-- Default button -->
<button type="button" class="btn btn-default">
    Versturen
</button>


<!-- Primary submit button -->
<button type="submit" class="btn btn-primary">
    Versturen
</button>


<!-- Disabled button -->
<button type="submit" class="btn btn-default" disabled>
    Versturen
</button>


<!-- Default button with icon -->
<button type="button" class="btn btn-default">
    <span class="fa fa-lock" aria-hidden="true"></span>
    <span class="sr-only">Vergrendelen</span>
</button>


<!-- Primary button with badge -->
<button type="button" class="btn btn-default">
    Versturen
    <span class="badge">3</span>
</button>


<!-- Button with icon and badge -->
<button type="button" class="btn btn-default">
    <span class="fa fa-envelope-o" aria-hidden="true"></span>
    Berichten
    <span class="badge">3</span>
</button>


<button type="{{ type }}" class="btn btn-{{ modifier }}" {{{ifattr 'disabled' disabled }}}>
  {{#if icon }}
    {{> '@icon' icon=icon }}
  {{/if}}
  {{#if iconOnly }}
    <span class="sr-only">{{ label }}</span>
  {{else}}
    {{ label }}
  {{/if}}
  {{#if count }}
    {{> '@badge' }}
  {{/if}}
</button>
 
/* Default button */
label: Versturen
type: button
modifier: default



/* Primary submit button */
label: Versturen
type: submit
modifier: primary



/* Disabled button */
label: Versturen
type: submit
modifier: default
disabled: true



/* Default button with icon */
label: Vergrendelen
type: button
modifier: default
icon: fa fa-lock
iconOnly: true



/* Primary button with badge */
label: Versturen
type: button
modifier: default
count: 3



/* Button with icon and badge */
label: Berichten
type: button
modifier: default
icon: fa fa-envelope-o
count: 3

There are no notes for this item.