Barmer Fractal

Formelement Label: With Tooltip 

<label class="a-label " for="">
    Labeltext
    <button class="a-btn js-has-tooltip" type="button" title="Label help text" data-tooltip-text="Tooltip text"><span class="sr-only">Tooltip</span><i class="a-icon icon--help-circle" aria-hidden="true"></i></button>

</label>
 
<label class="a-label {{viewtypes.specifier}}" for="{{content.for}}" {{#content.dataAttributes}}{{{this}}}{{/content.dataAttributes}} {{{content.ariaAttributes}}}>
  {{content.text}}
  {{#if switches.hasTooltip}}{{ render '@button--tooltip' partials.btnTooltip merge=true }}{{/if}}
  {{#content.srOnlyText}}<span class="sr-only">{{this}}</span>{{/content.srOnlyText}}
</label>
 
{
  "switches": {
    "hasTooltip": true
  },
  "viewtypes": {},
  "content": {
    "for": "",
    "text": "Labeltext",
    "srOnlyText": false
  },
  "partials": {
    "btnTooltip": {
      "content": {
        "title": "Label help text"
      }
    }
  }
}

No notes defined.