Popover

Shows information in a portal that doesnt disturb the page layout.

Trigger Click

Name	Default	Type
show	undefined	boolean Controls visibility of the popover
trigger	"click"	"click" \| "hover" Event that triggers the popover
hoverDelay	0	number Delay in ms before showing popover on hover
leaveDelay	0.5	number Delay in ms before hiding popover on hover leave
placement	"bottom-start"	"bottom-start" \| "top-start" \| "top-end" \| "bottom-end" \| "right-start" \| "right-end" \| "left-start" \| "left-end" \| "top" \| "bottom" \| "right" \| "left" Placement of the popover relative to the target
popoverClass	""	string \| object \| (string \| object)[]
transition	null	"default" \| null Transition style to use
hideOnBlur	true	boolean Whether to hide the popover when clicking outside
matchTargetWidth	-	boolean Whether the popover width should match the target element
offset	-	number

Slot	Payload
target	{ togglePopover: () => void; updatePosition: () => void; open: () => void; close: () => void; isOpen Content of the trigger/anchor element
body	{ togglePopover: () => void; updatePosition: () => void; open: () => void; close: () => void; isOpen Main content of the popover body
body-main	{ togglePopover: () => void; updatePosition: () => void; open: () => void; close: () => void; isOpen Inner content inside the default body container