322 compact command chips dropdown (#10456)

Closes https://github.com/twentyhq/core-team-issues/issues/322



https://github.com/user-attachments/assets/d4806f04-e217-40f5-9707-93334bbd49ea

---------

Co-authored-by: Devessier <baptiste@devessier.fr>
This commit is contained in:
Raphaël Bosi
2025-02-25 16:42:38 +01:00
committed by GitHub
parent a1c7e3279c
commit 9997cf5a4e
9 changed files with 139 additions and 65 deletions

View File

@ -25,6 +25,7 @@ export type MenuItemProps = {
isIconDisplayedOnHoverOnly?: boolean;
isTooltipOpen?: boolean;
LeftIcon?: IconComponent | null;
LeftComponent?: ReactNode;
RightIcon?: IconComponent | null;
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
@ -42,6 +43,7 @@ export const MenuItem = ({
iconButtons,
isIconDisplayedOnHoverOnly = true,
LeftIcon,
LeftComponent,
RightIcon,
onClick,
onMouseEnter,
@ -77,6 +79,7 @@ export const MenuItem = ({
<StyledMenuItemLeftContent>
<MenuItemLeftContent
LeftIcon={LeftIcon ?? undefined}
LeftComponent={LeftComponent}
text={text}
contextualText={contextualText}
disabled={disabled}