react-box-tools/dist/dropdown.d.ts

Box tools react components, utils and hooks

import { CSSProperties } from 'react';
import { DropdownBase as DropdownBase_2 } from '.';
import { ForwardRefExoticComponent } from 'react';
import { JSX } from 'react';
import { ReactNode } from 'react';
import { RefAttributes } from 'react';

export declare const DropDown: ForwardRefExoticComponent<DropdownBase_2 & {
target: JSX;
children: ReactNode;
} & RefAttributes<IDropdownRef>>;

export declare interface DropdownBase {
    arrow?: boolean;
    show?: boolean;
    style?: CSSProperties;
    className?: string;
    contentClass?: string;
    direction?: DropdownDirection;
    width?: DropdownWidth;
    mode?: DropdownMode;
    offset?: number;
    onFirstOpen?: () => void;
    onOpen?: () => void;
    onClose?: () => void;
    intersect?: boolean;
}

export declare type DropdownDirection = 'down' | 'down-left' | 'down-right' | 'left' | 'left-top' | 'left-bottom' | 'up' | 'up-left' | 'up-right' | 'right' | 'right-top' | 'right-bottom';

export declare type DropdownMode = 'hover' | 'click' | 'toggle';

export declare interface DropdownPosition {
    top: number;
    left: number;
}

export declare type DropdownProps = DropdownBase & {
    target: JSX.Element;
    children: ReactNode;
};

export declare type DropdownWidth = 'full' | 'auto' | 'target';

export declare interface IDropdownRef {
    posicionate: () => void;
    setOpen: React.Dispatch<boolean>;
}

export { }