Hover Card

Arrow · ArrowTip · Trigger · Positioner · Content

#ArrowTip

A styled part — no props of its own; it takes the anatomy's shared styling.

A styled part — no props of its own; it takes the anatomy's shared styling.

A styled part — no props of its own; it takes the anatomy's shared styling.

A styled part — no props of its own; it takes the anatomy's shared styling.

Prop	Type	Default	Description
`closeDelay`	`number`	`300`	The duration from when the mouse leaves the trigger or content until the hover card closes.
`defaultOpen`	`boolean`		The initial open state of the hover card when rendered. Use when you don't need to control the open state of the hover card.
`defaultTriggerValue`	`string \| null`		The initial trigger value when rendered. Use when you don't need to control the trigger value.
`disabled`	`boolean`		Whether the hover card is disabled
`id`	`string`		The unique identifier of the machine.
`ids`	`Partial<{ trigger: string; content: string; positioner: string; arrow: string; }>`		The ids of the elements in the popover. Useful for composition.
`open`	`boolean`		The controlled open state of the hover card
`openDelay`	`number`	`700`	The duration from when the mouse enters the trigger until the hover card opens.
`positioning`	`hoverCard.PositioningOptions`		The user provided options used to position the popover content
`triggerValue`	`string \| null`		The value of the trigger that currently open the hover card

Event	Payload
`exitComplete`	`—`
`openChange`	`details: OpenChangeDetails`
`update:open`	`open: boolean`
`triggerValueChange`	`details: TriggerValueChangeDetails`
`update:triggerValue`	`triggerValue: string \| null`
`focusOutside`	`event: FocusOutsideEvent`
`interactOutside`	`event: InteractOutsideEvent`
`pointerDownOutside`	`event: PointerDownOutsideEvent`

Prop	Type	Default	Description
`value`	`string`		The value that identifies this specific trigger