chore: utilised chevronClassname inside of custom-menu

2025-08-07 19:59:33 +00:00 · 2025-06-05 10:38:05 +05:30
1 changed files with 5 additions and 2 deletions
--- a/packages/ui/src/dropdowns/custom-menu.tsx
+++ b/packages/ui/src/dropdowns/custom-menu.tsx
@@ -30,6 +30,7 @@ const CustomMenu = (props: ICustomMenuDropdownProps) => {
    noChevron = false,
    optionsClassName = "",
    menuItemsClassName = "",
+    chevronClassName = "",
    verticalEllipsis = false,
    portalElement,
    menuButtonOnClick,
@@ -168,7 +169,9 @@ const CustomMenu = (props: ICustomMenuDropdownProps) => {
                    tabIndex={customButtonTabIndex}
                    aria-label={ariaLabel}
                  >
-                    <MoreHorizontal className={`h-3.5 w-3.5 ${verticalEllipsis ? "rotate-90" : ""}`} />
+                    <MoreHorizontal
+                      className={cn(`h-3.5 w-3.5 ${verticalEllipsis ? "rotate-90" : ""}`, chevronClassName)}
+                    />
                  </button>
                </Menu.Button>
              ) : (
@@ -189,7 +192,7 @@ const CustomMenu = (props: ICustomMenuDropdownProps) => {
                    aria-label={ariaLabel}
                  >
                    {label}
-                    {!noChevron && <ChevronDown className="h-3.5 w-3.5" />}
+                    {!noChevron && <ChevronDown className={cn("h-3.5 w-3.5", chevronClassName)} />}
                  </button>
                </Menu.Button>
              )}