- Name
closeDelayMs- Kind
- property
- Type
number- Requirement
- optional
- Description
- Delay before a pointer-leave closes. Default 120.
DocsAPI referenceUI machineshover-card
hover-card machine
The public state machine contract for @grassroot/ui-machines/hover-card. The machine owns behaviour; the matching headless layer owns composition.
@grassroot/ui-machines/hover-card
Package
Service example
hover-card.tsts
import { createService } from "@grassroot/statechart";import { hoverCardMachine } from "@grassroot/ui-machines/hover-card"; const service = createService(hoverCardMachine, { input: {} });service.start();service.send({ type: "…" });service.stop();14 of 14
Exports
HoverCardChangeReasonts
type HoverCardChangeReason = HoverCardOpenReason | HoverCardCloseReason;HoverCardCloseReason
typeHoverCardCloseReasonts
type HoverCardCloseReason = "escape" | "outside-click" | "pointer" | "focus" | "delay" | "programmatic";HoverCardCommand
typeHoverCardCommandts
type HoverCardCommand = (CommandObject & { readonly type: "OPEN_CHANGE_REQUEST"; readonly open: boolean; readonly reason: HoverCardChangeReason;}) | ScheduleCommand<HoverCardEvent> | CancelCommand;HoverCardContext
typeHoverCardContextts
type HoverCardContext = PopoverContext;HoverCardDiagnosticCodes
valueHoverCardDiagnosticCodests
export declare const HoverCardDiagnosticCodes: readonly DiagnosticCatalogueEntry[];HoverCardEvent
typeHoverCardEventts
type HoverCardEvent = { readonly type: "POINTER_ENTER";} | { readonly type: "POINTER_LEAVE";} | { readonly type: "FOCUS";} | { readonly type: "BLUR";} | { readonly type: "OPEN"; readonly reason: HoverCardOpenReason | "delay";} | { readonly type: "CLOSE"; readonly reason: HoverCardCloseReason;};HoverCardInput
typeHoverCardInputts
type HoverCardInput = Omit<PopoverInput, "align"> & { /** Delay before an uncontested pointer-enter opens. Default 200. */ readonly openDelayMs?: number; /** Delay before a pointer-leave closes. Default 120. */ readonly closeDelayMs?: number;};Name
Kind
Type
Requirement
Description
closeDelayMsproperty
numberoptional
Delay before a pointer-leave closes. Default 120.
openDelayMsproperty
numberoptional
Delay before an uncontested pointer-enter opens. Default 200.
- Name
openDelayMs- Kind
- property
- Type
number- Requirement
- optional
- Description
- Delay before an uncontested pointer-enter opens. Default 200.
hoverCardMachine
valuehoverCardMachinets
export declare const hoverCardMachine: HoverCardMachine;HoverCardMachine
typeHoverCardMachinets
type HoverCardMachine = Machine<HoverCardInput, HoverCardStateValue, HoverCardContext, HoverCardEvent, HoverCardCommand>;HoverCardOpenReason
typeHoverCardOpenReasonts
type HoverCardOpenReason = "pointer" | "focus" | "programmatic";hoverCardReplaySequence
valuehoverCardReplaySequencets
export declare const hoverCardReplaySequence: readonly HoverCardEvent[];hoverCardSelectors
valuehoverCardSelectorsts
export declare const hoverCardSelectors: { open: (snapshot: HoverCardSnapshot) => boolean;};Name
Kind
Type
Requirement
openproperty
(snapshot: HoverCardSnapshot) => booleanrequired
- Name
open- Kind
- property
- Type
(snapshot: HoverCardSnapshot) => boolean- Requirement
- required
HoverCardSnapshot
typeHoverCardSnapshotts
type HoverCardSnapshot = Snapshot<HoverCardStateValue, HoverCardContext>;HoverCardStateValue
typeHoverCardStateValuets
type HoverCardStateValue = PopoverStateValue;