Barmer Fractal

Button: Default 

<div class="af-item ">

      <button data-target="" class="af-button">

          Button Application

          <i class="a-icon icon--arrow-forward" aria-hidden="true"></i>
      </button>

  </div>
 
{{^ switches.noAfItem }}
  <div class="af-item {{viewtypes.size}}">
{{/ switches.noAfItem }}

  <button
          data-target="{{content.dataTarget}}"
          class="{{viewtypes.specifier}}">

    {{# switches.iconLeft }}
      {{ render '@icon--arrow-back' merge=true }}
    {{/ switches.iconLeft }}

    {{ content.label }}

    {{# switches.iconRight }}
      {{ render '@icon--arrow-forward' merge=true }}
    {{/ switches.iconRight }}
  </button>

{{^ switches.noAfItem }}
  </div>
{{/ switches.noAfItem }}
 
{
  "switches": {
    "iconRight": true,
    "iconLeft": false,
    "noAfItem": false
  },
  "content": {
    "dataTarget": "",
    "label": "Button Application"
  },
  "viewtypes": {
    "specifier": "af-button"
  }
}

No notes defined.