Get started with webui-popover CDN

MIT licensed

The webui-popover library creates lightweight tooltips/popovers in web apps.

Tags:
  • popover
  • jquery-plugin
  • ecosystem:jquery

Stable version

Copied!

How to start using webui-popover CDN


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.cdnhub.io/webui-popover/1.2.18/jquery.webui-popover.min.css">
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
    <script src="https://cdn.cdnhub.io/webui-popover/1.2.18/jquery.webui-popover.min.js"></script>
    <title>Get started with webui-popover CDN - cdnhub.io</title>
</head>
<body>
    <button type="button" class="btn btn-primary" data-popover="{content: 'Hello, World!', title: 'Popover Title'}">
        Click to show popover
    </button>

    <script>
        $(document).ready(function() {
            $('[data-popover]').popover();
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions