Hover Card

A popup that displays a content preview when hovering over a trigger element. Opens after 700ms, closes after 300ms. Touch devices excluded.

Basic

Hover over the link to see a user profile card preview.

@julialang

Usage

julia

using Suite

HoverCard(
    HoverCardTrigger(
        Span("@julialang")
    ),
    HoverCardContent(
        Div(
            H4("@julialang"),
            P("The Julia Programming Language."),
        )
    ),
)

API Reference

HoverCard

Prop	Type	Default	Description
children...	Any	-	Trigger and content sub-components (container only, no props)

HoverCardTrigger

Prop	Type	Default	Description
children...	Any	-	Trigger content (typically a link or text)

HoverCardContent

Prop	Type	Default	Description
side	String	"bottom"	Preferred side of the trigger to render against
align	String	"center"	Preferred alignment against the trigger
side_offset	Int	4	Distance in px from the trigger
class	String	""	Additional CSS classes