Element: #941 Delays, side and bind:open (navigation/hover-card) What it shows: An outlined Plan details button with a top-start hover card, plus a button that shows or hides the card from code and a line reporting the last user-driven change. When to use: Short delays, a custom side and alignment, and driving the card with bind:open while onOpenChange reports only what the user did. Spec: - `let open = $state(false)` is bound with `` - `{#snippet triggerChild(props)}{/snippet}` - `function onOpenChange(o: boolean)` sets `log` to `opened by the user` or `closed by the user`; the code button toggles `open` and does not touch `log` - A second button flips `open` with `onclick={() => (open = !open)}` Tags: hover-card, bind-open, delay, side, align, on-open-change Needs: @codeatlasdev/ui@4.6.0 Components: Button, HoverCard Live demo: https://ui.codeatlas.com.br/docs/navigation/hover-card#delays-side-and-bind-open

{#snippet triggerChild(props)}{/snippet}

Team plan: 10 seats, 100 GB storage, priority support.

State: {log}