@cfxjs/react-ui
Version:
Modern and minimalist React UI library.
43 lines (42 loc) • 2.15 kB
TypeScript
import React from 'react';
import { TooltipProps } from '../tooltip/tooltip';
import PopoverItem from '../popover/popover-item';
export interface Props extends Omit<TooltipProps, 'title' | 'content' | 'text'> {
title?: React.ReactNode | (() => React.ReactNode);
notSeperateTitle?: boolean;
content?: React.ReactNode | (() => React.ReactNode);
}
export declare const defaultProps: {
defaultVisible: boolean;
hideArrow: boolean;
color: "default" | "secondary" | "success" | "warning" | "error" | "dark" | "lite";
trigger: "hover" | "click";
placement: "right-start" | "left-start" | "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "left" | "left-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-end";
offset: ((arg0: {
popper: import("@popperjs/core").Rect;
reference: import("@popperjs/core").Rect;
placement: "right-start" | "left-start" | "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "left" | "left-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-end";
}) => [number | null | undefined, number | null | undefined]) | [number | null | undefined, number | null | undefined];
className: string;
contentClassName: string;
hoverable: boolean;
hoverableTimeout: number;
displayBlock: boolean;
} & {
notSeperateTitle: boolean;
trigger: "hover" | "click";
placement: "right-start" | "left-start" | "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "left" | "left-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-end";
color: "default" | "secondary" | "success" | "warning" | "error" | "dark" | "lite";
};
export interface TextProps {
title?: React.ReactNode | (() => React.ReactNode);
titleNode: React.ReactNode | (() => React.ReactNode);
line: boolean;
text: React.ReactNode;
}
export declare type PopoverProps = React.PropsWithChildren<Props>;
declare const PopoverComponent: React.FC<React.PropsWithChildren<Props>> & {
Item: typeof PopoverItem;
Option: typeof PopoverItem;
};
export default PopoverComponent;