Hover Card
Content preview on hover with open delay and anchored positioning.
Generated from the package's public source.
API
Contentcomponent
@solidiom/hover-card — Content preview on hover. Parts: Root, Trigger, Content.
Content(props: HoverCardContentProps): Element
Props
class?stringstyle?string | CSSProperties
children: Element
HoverCardContentPropsinterface
@solidiom/hover-card — Content preview on hover. Parts: Root, Trigger, Content.
Props
class?stringstyle?string | CSSProperties
children: Element
HoverCardRootPropsinterface
@solidiom/hover-card — Content preview on hover. Parts: Root, Trigger, Content.
Props
closeDelay?number— Delay in ms before closing. Default 300.openDelay?number— Delay in ms before opening. Default 700.positioning?PositioningPort— Positioning adapter for floating placement.
children: Element
HoverCardTriggerPropsinterface
@solidiom/hover-card — Content preview on hover. Parts: Root, Trigger, Content.
Props
class?stringhref?string
children: Element
PositioningPortinterface
Positioning adapter port injected by the consumer.
Props
update(reference: HTMLElement, floating: HTMLElement) => void | () => void— Compute and apply position styles to the content element.
Rootcomponent
@solidiom/hover-card — Content preview on hover. Parts: Root, Trigger, Content.
Root(props: HoverCardRootProps): Element
Props
closeDelay?number— Delay in ms before closing. Default 300.openDelay?number— Delay in ms before opening. Default 700.positioning?PositioningPort— Positioning adapter for floating placement.
children: Element
Triggercomponent
@solidiom/hover-card — Content preview on hover. Parts: Root, Trigger, Content.
Trigger(props: HoverCardTriggerProps): Element
Props
class?stringhref?string
children: Element