Barmer Fractal

Paragraph: Is Highlighted Has Icon 

<p class="af-text  text--highlight">
    <i class="a-icon icon--timer" aria-hidden="true"></i>

    ich bin ein grüner Text
</p>
 
<p class="af-text {{viewtypes.specifier}} {{# switches.isHighlighted }}text--highlight{{/ switches.isHighlighted }}">
  {{# switches.hasIcon}}
    {{ render (stringToPartial partials.iconType) partials.icon merge=true }}
  {{/ switches.hasIcon}}

  {{content.text}}
</p>
 
{
  "switches": {
    "isHighlighted": true,
    "hasIcon": true
  },
  "content": {
    "text": "ich bin ein grüner Text"
  },
  "partials": {
    "iconType": "icon--timer"
  }
}

No notes defined.