blackbird/hyva-tooltip

Easily add tooltips to your website

1.0.4 2024-10-21 14:14 UTC

Requires

• php: >=8.0.0
• blackbird/external-resources-loader: *
• blackbird/module-nonce-provider: *
• hyva-themes/magento2-compat-module-fallback: *
• hyva-themes/magento2-theme-module: *
• magento/framework: *

MIT

• Blackbird Agency

README

This Magento 2 module will allow you to easily display tooltip in your Hyvä Theme.

Installation

composer require blackbird/hyva-tooltip

php bin/magento setup:upgrade

Usage

<button id="button-<?= $uniqueId ?>"
        x-data="blackbird.tooltip({
            tooltipSelector: '#tooltip-<?= $uniqueId ?>',
        })"
>
    My button
</button>

<div id="tooltip-<?= $uniqueId ?>" blackbird-tooltip>My tooltip</div>

<button id="button-<?= $uniqueId ?>">My button</button>

<div id="tooltip-<?= $uniqueId ?>"
     blackbird-tooltip
     x-data="blackbird.tooltip({
         buttonSelector: '#button-<?= $uniqueId ?>',
     })"
>
    My tooltip
</div>

<div x-data="blackbird.tooltip({
         buttonSelector: '#button-<?= $uniqueId ?>',
         tooltipSelector: '#tooltip-<?= $uniqueId ?>',
     })">
</div>

<button id="button-<?= $uniqueId ?>">My button</button>
<div id="tooltip-<?= $uniqueId ?>" blackbird-tooltip>My tooltip</div>