cba-tooltip

Documentation

Markup

      
  <!-- Preset data -->
  <cba-tooltip heading="Tooltip heading" text="Click 'Learn more' button below" link="https://example.com" link-text="Learn more"><button>Hover</button></cba-tooltip>
  <!-- Open tooltip vertically -->
  <cba-tooltip arrow="y"><button>Hover</button></cba-tooltip>
      
    

Set data

      
  const heading = "Test Heading";
  const text = "Test text";
  const link = "http://example.com";
  const linkText = "Text link text"; 
  await cbaTooltip.setData({heading, text, link, linkText});