UNPKG

1.45 kBTypeScriptView Raw
1import React from 'react';
2import { Placement, UsePopperOptions } from './usePopper';
3import { RootCloseOptions } from './useRootClose';
4import { DOMContainer } from './useWaitForDOMRef';
5import { TransitionCallbacks } from './types';
6export interface OverlayProps extends TransitionCallbacks {
7 flip?: boolean;
8 placement?: Placement;
9 containerPadding?: number;
10 popperConfig?: Omit<UsePopperOptions, 'placement'>;
11 container?: DOMContainer;
12 target: DOMContainer;
13 show?: boolean;
14 transition?: React.ComponentType<{
15 in?: boolean;
16 appear?: boolean;
17 } & TransitionCallbacks>;
18 onHide?: (e: Event) => void;
19 rootClose?: boolean;
20 rootCloseDisabled?: boolean;
21 rootCloseEvent?: RootCloseOptions['clickTrigger'];
22 children: (value: {
23 show: boolean;
24 placement: Placement;
25 outOfBoundaries: boolean;
26 scheduleUpdate: () => void;
27 props: {
28 ref: React.RefCallback<HTMLElement>;
29 style: React.CSSProperties;
30 'aria-labelledby'?: string;
31 };
32 arrowProps: {
33 ref: React.RefCallback<HTMLElement>;
34 style: React.CSSProperties;
35 };
36 }) => React.ReactNode;
37}
38/**
39 * Built on top of `Popper.js`, the overlay component is
40 * great for custom tooltip overlays.
41 */
42declare const Overlay: React.ForwardRefExoticComponent<OverlayProps & React.RefAttributes<unknown>>;
43export default Overlay;