@useloops/design-system
Version:
The official React based Loops design system
30 lines (27 loc) • 800 B
TypeScript
import { PopupState } from 'material-ui-popup-state/hooks';
import { MouseEventHandler } from 'react';
import { IconName } from '../../../BrandCore/Icon.js';
import { IconProps } from '../../BrandCore/Icon/Icon.js';
interface MenuItemProps {
baseState?: PopupState;
label?: string;
active?: boolean;
danger?: boolean;
divider?: boolean;
heading?: boolean;
selected?: boolean;
disabled?: boolean;
closeOnClick?: boolean;
tooltip?: boolean;
hidden?: boolean;
onClick?: MouseEventHandler<HTMLButtonElement>;
children?: MenuItemProps[];
width?: number;
startIcon?: IconName;
slotProps?: {
startIcon?: Partial<Omit<IconProps, 'name'>>;
};
showItemNumber?: boolean;
itemNumber?: number;
}
export type { MenuItemProps };