Popover

yarn add @clayui/popover

Popovers contain helpful information such as an explanation of a context.

Property	Type	Required	Default	Description
alignPosition	typeof ALIGN_POSITIONS[number]	false	'bottom'	Position in which the tooltip will be aligned to the element.
disableScroll	boolean	false	false	Flag to indicate if container should not be scrollable
show	boolean	false	false	Flag to indicate if tooltip is displayed.
onShowChange	(val: boolean) => void	false		Callback for when the `show` prop changes.
trigger	React.ReactElement & { ref?: (node: HTMLButtonElement \| null) => void; }	false		React element that the popover will align to when clicked.
header	React.ReactNode	false		Content to display in the header of the popover.