HoverCard

API reference and demos for HoverCard.

Source

Import

import { HoverCard } from "@flanksource/clicky-ui/components";

Demos

Default · Open in Storybook

Bottom Placement · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
arrow	boolean	true	Show the directional arrow.
cardClassName	string	—	Classes applied to the floating card.
children*	ReactNode	—	Floating card content.
className	string	—	Classes applied to the trigger wrapper.
delay	number	0	Open delay in milliseconds.
placement	enum	top	Preferred placement around the trigger.
trigger*	ReactNode	—	Trigger content that opens the card on hover/focus.