@underpostnet/underpost/src/client/components/core/ToolTip.js

pwa api rest template

import { append } from './VanillaJs.js';

const ToolTip = {
  Tokens: {},
  Render: async function (options = { container: '', htmlRender: '', id: '', classList: '' }) {
    const { container, htmlRender, id } = options;
    const tooltipId = 'tooltip-' + id;
    append(
      container,
      html`
        <style>
          ${container}:hover .${tooltipId} {
            visibility: visible;
          }
          .${tooltipId} {
            visibility: hidden;
          }
        </style>
        <div class="tooltip ${options?.classList ? `${options.classList} ` : ' '}${tooltipId}">${htmlRender}</div>
      `,
    );
    return '';
  },
};

export { ToolTip };