@eccenca/gui-elements
Version:
GUI elements based on other libraries, usable in React application, written in Typescript.
21 lines (20 loc) • 1.15 kB
TypeScript
import React from "react";
import { ContextOverlayProps, TestableComponent, TooltipSize } from "../../index";
export interface DecoupledOverlayProps extends React.HTMLAttributes<HTMLDivElement>, TestableComponent, Pick<ContextOverlayProps, "usePortal" | "portalContainer" | "placement" | "minimal" | "paddingSize"> {
/**
* Element that should be used. The step content is displayed as a tooltip instead of a modal.
* In case of an array, the first match is highlighted. */
targetSelectorOrElement: string | Element;
/**
* The size of the overlay.
* */
size?: TooltipSize;
}
/**
* Use an overlay popover without the necessity to use a target that need to be rendered in place.
* The target is referenced by a selector string or element object.
* It can exist somewhere in the DOM, but it must exist when the overlay is rendered.
* It is always displayed, close it by removement.
*/
export declare const DecoupledOverlay: ({ targetSelectorOrElement, usePortal, portalContainer, minimal, placement, size, paddingSize, children, }: DecoupledOverlayProps) => React.JSX.Element;
export default DecoupledOverlay;