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.