Tooltip

<div class="tooltip" data-module="tooltip">
    <div class="tooltip__inner js-tooltip-inner">
        <button type="button" class="tooltip__icon tooltip__icon--info js-tooltip-toggle" aria-label="Show tooltip"></button>
        <p class="tooltip__label">Lorem ipsum dolor sit ameto nsec?</p>
    </div>
    <div role="tooltip" class="tooltip__tooltip  js-tooltip-tooltip">
        <p class="tooltip__tooltip-content">Lorem ipsum dolor sit amet, consectetur adipiscing elitc ac tortor dignissim varius faucibus molestie consectetur adipiscing.</p>
        <button type="button" class="tooltip__icon tooltip__icon--close js-tooltip-close" aria-label="Close tooltip"></button>
    </div>
</div>
<div class="tooltip" data-module="tooltip">
    <div class="tooltip__inner js-tooltip-inner">
        <button type="button" class="tooltip__icon tooltip__icon--info js-tooltip-toggle" aria-label="Show tooltip"></button>
        {{#if title}}<p class="tooltip__label">{{title}}</p>{{/if}}
    </div>
    <div role="tooltip" class="tooltip__tooltip {{#if mobileDirection}}tooltip__tooltip--{{mobileDirection}}{{/if}} js-tooltip-tooltip">
        <p class="tooltip__tooltip-content">{{content}}</p>
        <button type="button" class="tooltip__icon tooltip__icon--close js-tooltip-close" aria-label="Close tooltip"></button>
    </div>
</div>
{
  "title": "Lorem ipsum dolor sit ameto nsec?",
  "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elitc ac tortor dignissim varius faucibus molestie consectetur adipiscing."
}

There are no notes for this item.