diff --git a/dist/mui/components/dropdown/Dropdown.d.ts b/dist/mui/components/dropdown/Dropdown.d.ts
index a896ea3..cc274d3 100644
--- a/dist/mui/components/dropdown/Dropdown.d.ts
+++ b/dist/mui/components/dropdown/Dropdown.d.ts
@@ -3,6 +3,13 @@ import { PopperPlacementType, PopperProps } from "@mui/material/Popper";
 import React from "react";
 import { DefaultDropdownButtonProps } from "./DefaultDropdownButton";
 import { DropdownItemProps } from "./DropdownItem";
+/**
+ * Add data-<something> html attributes
+ *  @see https://github.com/microsoft/TypeScript/issues/28960#issuecomment-903519759
+ * */
+interface HTMLAttributes extends React.HTMLAttributes<any> {
+    [dataAttribute: `data-${string}`]: any;
+}
 export interface DropdownAction {
     id: DropdownItemProps["id"];
     onClick: (action: DropdownAction, event: React.MouseEvent<HTMLLIElement>) => void;
@@ -19,7 +26,7 @@ export interface DropdownAction {
     /**
      * Pass any MUI MenuItem props here to customize appearance or html properties
      */
-    menuItemProps?: MenuItemProps;
+    menuItemProps?: MenuItemProps & HTMLAttributes;
 }
 export interface DropdownProps {
     id?: string;
@@ -42,3 +49,4 @@ export interface DropdownProps {
  * to dropdown menu items.
  */
 export default function Dropdown({ id, actions, buttonContent, popperProps, children, disabled, paperPlacement, className, buttonProps, }: DropdownProps): React.JSX.Element;
+export {};
diff --git a/src/mui/components/dropdown/Dropdown.tsx b/src/mui/components/dropdown/Dropdown.tsx
index d8eb88a..5969171 100644
--- a/src/mui/components/dropdown/Dropdown.tsx
+++ b/src/mui/components/dropdown/Dropdown.tsx
@@ -16,6 +16,14 @@ import React, { useCallback, useRef, useState } from "react";
 import { DefaultDropdownButton, DefaultDropdownButtonProps } from "./DefaultDropdownButton";
 import { DropdownItem, DropdownItemProps } from "./DropdownItem";
 
+/**
+ * Add data-<something> html attributes
+ *  @see https://github.com/microsoft/TypeScript/issues/28960#issuecomment-903519759
+ * */
+interface HTMLAttributes extends React.HTMLAttributes<any> {
+    [dataAttribute: `data-${string}`]: any;
+}
+
 export interface DropdownAction {
     id: DropdownItemProps["id"];
     onClick: (action: DropdownAction, event: React.MouseEvent<HTMLLIElement>) => void;
@@ -32,7 +40,7 @@ export interface DropdownAction {
     /**
      * Pass any MUI MenuItem props here to customize appearance or html properties
      */
-    menuItemProps?: MenuItemProps;
+    menuItemProps?: MenuItemProps & HTMLAttributes;
 }
 
 export interface DropdownProps {