@easykit/design
Version:
Easy kit design components
31 lines (30 loc) • 1.05 kB
TypeScript
import { FC, MouseEvent, PropsWithChildren, ReactNode } from 'react';
type Align = "start" | "center" | "end";
export type onDropdownMenuClick = (item: DropdownMenuItemProps, e: MouseEvent) => void;
export type onCheckedChange = (item: DropdownMenuItemProps, checked: boolean) => void;
export interface DropdownMenuItemProps {
label?: ReactNode;
id: string;
type: "label" | "separator" | "item" | "checkbox";
checked?: boolean;
shortcut?: string;
disabled?: boolean;
children?: DropdownMenuItemProps[];
onItemClick?: onDropdownMenuClick;
onCheckedChange?: onCheckedChange;
hidden?: boolean;
}
export interface DropdownProps extends PropsWithChildren {
items?: DropdownMenuItemProps[];
className?: string;
onItemClick?: onDropdownMenuClick;
onCheckedChange?: onCheckedChange;
align?: Align;
asChild?: boolean;
hideOnEmpty?: boolean;
modal?: boolean;
open?: boolean;
onOpenChange?: (open: boolean) => void;
}
export declare const Dropdown: FC<DropdownProps>;
export {};