retabler
Version:
React Component library via Tabler
48 lines (47 loc) • 1.56 kB
TypeScript
import React from "react";
import { Variant } from "../common";
interface ContextState {
dropdownVisible: boolean;
setDropdownVisible: (visible: boolean) => void;
}
export declare const DropdownContext: React.Context<ContextState>;
interface DropdownItemProps {
className?: string;
children: React.ReactNode;
active?: boolean;
disabled?: boolean;
}
interface DropdownMenuProps {
children: React.ReactNode;
className?: string;
arrow?: boolean;
card?: boolean;
position?: "right" | "left";
style?: React.CSSProperties;
dark?: boolean;
}
interface DropdownProps {
className?: string;
children: React.ReactNode;
}
export declare const Dropdown: {
({ className, children }: DropdownProps): JSX.Element;
Button: ({ children, className, ...props }: DropdownButtonProps) => JSX.Element;
Link: ({ children, className, ...props }: DropdownLinkProps) => JSX.Element;
Menu: ({ children, className, arrow, card, position, style, dark, }: DropdownMenuProps) => JSX.Element;
Item: ({ className, children, active, disabled, }: DropdownItemProps) => JSX.Element;
Divider: () => JSX.Element;
Header: ({ children }: {
children: any;
}) => JSX.Element;
};
interface DropdownButtonProps {
children?: React.ReactNode;
className?: string;
variant?: Variant;
}
interface DropdownLinkProps extends React.AnchorHTMLAttributes<HTMLElement> {
children: React.ReactNode;
className?: string;
}
export default Dropdown;