flowbite-react
Version:
Official React components built for Flowbite and Tailwind CSS
43 lines (42 loc) • 1.25 kB
TypeScript
import type { Placement } from "@floating-ui/core";
import type { ComponentProps, ReactNode } from "react";
export interface FloatingTheme {
arrow: FloatingArrowTheme;
animation: string;
base: string;
content: string;
hidden: string;
style: {
auto: string;
dark: string;
light: string;
};
target: string;
}
export interface FloatingArrowTheme {
base: string;
placement: string;
style: {
dark: string;
light: string;
auto: string;
};
}
export type FloatingStyle = "dark" | "light" | "auto";
export interface FloatingProps extends Omit<ComponentProps<"div">, "content" | "style"> {
animation?: false | `duration-${number}`;
arrow?: boolean;
content: ReactNode;
placement?: "auto" | Placement;
style?: FloatingStyle;
theme: FloatingTheme;
trigger?: "hover" | "click";
minWidth?: number;
}
/**
* @see https://floating-ui.com/docs/react-dom-interactions
*/
export declare function Floating({ animation, arrow, children, className, content, placement, style, theme, trigger, minWidth, ...props }: FloatingProps): import("react/jsx-runtime").JSX.Element;
export declare namespace Floating {
var displayName: string;
}