oleg
/
alpine
mirror da https://github.com/alpinejs/alpine.git


			
				
					
						
						
							123456789101112131415161718192021222324252627
							<html>
    <!-- <script src="./packages/intersect/dist/cdn.js" defer></script>
    <script src="./packages/morph/dist/cdn.js" defer></script>
    <script src="./packages/persist/dist/cdn.js"></script>
    <script src="./packages/focus/dist/cdn.js"></script>
    <script src="./packages/mask/dist/cdn.js"></script>
    <script src="./packages/ui/dist/cdn.js" defer></script> -->
    <script src="./packages/anchor/dist/cdn.js" defer></script>
    <script src="./packages/alpinejs/dist/cdn.js" defer></script>
    <!-- <script src="//cdn.tailwindcss.com"></script> -->
    <!-- <script src="//cdn.tailwindcss.com"></script> -->

    <hr> <hr> <hr> <hr> <hr>
    <div x-data>
        <button id="target">Button</button>

        <article
            x-anchor.bottom
            x-anchor:to="document.getElementById('target')"
            :style="{ left: $anchor.x+'px', top: $anchor.y+'px' }"
            style="position: absolute; left: 0;"
        >
            Tooltip contents
        </article>
    </div>
    <hr> <hr> <hr> <hr> <hr>
</html>