Barmer Fractal

Button: Back 

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

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

    Button Application

</button>
 
{{^ 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": false,
    "iconLeft": true,
    "noAfItem": true
  },
  "content": {
    "dataTarget": "",
    "label": "Button Application"
  },
  "viewtypes": {
    "specifier": "af-button button--back"
  }
}

No notes defined.