Hover Card

Hover Card base prototype

Base Hover Card composes Root, Trigger, and Content. Root supports controlled or uncontrolled open state, openDelay, closeDelay, and openChange; Content uses asOverlay plus asTransition and detaches only after leave completes. Positioning currently guarantees side and align; portal, collision handling, Arrow, forceMount, and numeric offsets remain deferred.

<wc-base-hover-card-root class="relative inline-flex items-start">
<wc-base-hover-card-trigger class="cursor-pointer rounded border px-3 py-1.5">
    Hover me
  </wc-base-hover-card-trigger>
  <wc-base-hover-card-content class="w-72 rounded border bg-white p-3 shadow">
    Base hover-card content. Pointer and focus intent use cancellable delays.
  </wc-base-hover-card-content>
</wc-base-hover-card-root>