@jengaui/tooltip
Version:
Jenga UI Tooltip component in React
23 lines (20 loc) • 960 B
TypeScript
import { ReactElement } from 'react';
import { TooltipTriggerProps } from '@react-types/tooltip';
interface JengaTooltipTriggerProps extends TooltipTriggerProps {
children: [ReactElement | string, ReactElement];
crossOffset?: number;
offset?: number;
placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';
isMaterial?: boolean;
/** Whether the trigger should have an ActiveZone wrap to make sure it's focusable and hoverable.
* Otherwise, tooltip won't work. */
activeWrap?: boolean;
}
declare function TooltipTrigger(props: JengaTooltipTriggerProps): JSX.Element;
/**
* TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
* the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
* relative to the trigger.
*/
declare let _TooltipTrigger: typeof TooltipTrigger;
export { JengaTooltipTriggerProps, _TooltipTrigger as TooltipTrigger };