react-tooltip-z
Version:
Lightweight, customizable React tooltip component with hover, click, focus and manual trigger support.
29 lines (28 loc) • 1.77 kB
TypeScript
/// <reference types="react" />
import { TooltipPlacement } from '../types';
declare const fadeInfo: {
fade: import("styled-components/dist/models/Keyframes").default[];
zoom: import("styled-components/dist/models/Keyframes").default[];
};
interface IFStyledTooltipProps {
top?: number | null;
left?: number | null;
backgroundColor?: string;
textColor?: string;
animation?: keyof typeof fadeInfo;
delay?: string | number;
constrainWidth?: boolean;
arrowPosition: number | null;
pos: TooltipPlacement | null;
}
interface IFStyledArrowProps {
pos?: TooltipPlacement;
arrowPosition?: number;
backgroundColor?: string;
}
export declare const StyledFlexCenter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
export declare const StyledTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
}, IFStyledTooltipProps>> & string;
export declare const StyledArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IFStyledArrowProps>> & string;
export {};