<section class="demo-section">
  <h2>Overlays</h2>
  <p>Managed by <code>VMKUIKit.Overlays</code> using data-toggle attributes.</p>

  <h3>Dropdown toggle</h3>
  <div class="dropdown" data-overlays-dropdown>
    <button class="btn btn-secondary" type="button" data-dropdown-toggle aria-expanded="false">
      Overlays dropdown
      <i class="ph ph-caret-down"></i>
    </button>
    <div class="dropdown-menu">
      <button class="dropdown-item" type="button">Action one</button>
      <button class="dropdown-item" type="button">Action two</button>
    </div>
  </div>

  <h3>Tooltip toggle</h3>
  <span class="tooltip" data-placement="top" data-overlays-tooltip>
    <button class="tooltip-trigger btn btn-secondary" type="button" data-tooltip-toggle>Toggle tooltip</button>
    <span class="tooltip-content">Overlay-managed tooltip</span>
  </span>
</section>