Skip to content

Alpine.js Toolkit

@ailuracode · Interactive plugin demos

Tooltip

Tooltip open/close state with hover and focus delays.

Store$store.tooltip
Read Documentation@ailuracode/alpine-tooltip
Tooltip$store.tooltip
Tooltip open/close state with hover and focus delays.

Placement variants

Hover or focus each trigger. One teleported panel with @alpinejs/anchor — only the active placement mounts an anchor. Active:

Scroll test

Hover the trigger, then scroll inside the box — x-anchor.fixed.noflip withx-teleport keeps the tooltip anchored while scrolling.

Notes

  • Pair with @alpinejs/anchor — store handles open/close, delays, and Escape
  • Use x-teleport + x-anchor.fixed.noflip — one anchor per open tooltip avoids redundant scroll listeners

Package: @ailuracode/alpine-tooltip