HoverCard

Preview on hover and on focus. Same positioning engine asPopover, no click required.

Example

@denisetiya

<HoverCard label="Author preview">
  <span slot="trigger" data-ink-hover-trigger tabindex="0">@denisetiya</span>
  <p><strong>Denis Setiya</strong>...</p>
</HoverCard>

Props

Prop	Type	Default	Description
`label`	`string`	-	Panel landmark name.
`delay`	`number`	`300`	Open delay in ms (prevents flicker).

Accessibility

Focus opens the card too: mouse-only patterns are forbidden.
Escape closes; the trigger needs tabindex="0" when it is not natively focusable.