[button][button base] Document type attribute

docs/pages/material-ui/api/button-base.json

@@ -26,7 +26,8 @@
         "name": "union",
         "description": "func<br>&#124;&nbsp;{ current?: { pulsate: func, start: func, stop: func } }"
       }
-    }
+    },
+    "type": { "type": { "name": "string" }, "default": "'button'" }
   },
   "name": "ButtonBase",
   "imports": [

docs/translations/api-docs/button-base/button-base.json

@@ -41,6 +41,9 @@
     "TouchRippleProps": { "description": "Props applied to the <code>TouchRipple</code> element." },
     "touchRippleRef": {
       "description": "A ref that points to the <code>TouchRipple</code> element."
+    },
+    "type": {
+      "description": "The HTML <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#type\"><code>type</code></a> attribute."
     }
   },
   "classDescriptions": {

packages/mui-material/src/Button/Button.js

@@ -723,7 +723,7 @@ Button.propTypes /* remove-proptypes */ = {
   /**
    * @ignore
    */
-  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
+  type: PropTypes.string,
   /**
    * The variant to use.
    * @default 'text'

packages/mui-material/src/ButtonBase/ButtonBase.d.ts

@@ -90,6 +90,13 @@ export interface ButtonBaseOwnProps {
    * A ref that points to the `TouchRipple` element.
    */
   touchRippleRef?: React.Ref<TouchRippleActions> | undefined;
+  /**
+   * The HTML [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#type)
+   * attribute applied to `button` and `a` elements.
+   * Ignored when rendering non-native buttons.
+   * @default 'button'
+   */
+  type?: string | undefined;
 }
 
 export interface ButtonBaseTypeMap<

packages/mui-material/src/ButtonBase/ButtonBase.js

@@ -491,9 +491,10 @@ ButtonBase.propTypes /* remove-proptypes */ = {
     }),
   ]),
   /**
-   * @ignore
+   * The HTML [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#type) attribute.
+   * @default 'button'
    */
-  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'reset', 'submit']), PropTypes.string]),
+  type: PropTypes.string,
 };
 
 export default ButtonBase;

packages/mui-material/src/ButtonBase/ButtonBase.test.js

@@ -1518,7 +1518,6 @@ describe('<ButtonBase />', () => {
     });
 
     it('allows non-standard values', () => {
-      // @ts-expect-error `@types/react` only lists standard values
       render(<ButtonBase type="fictional-type" />);
 
       expect(screen.getByRole('button')).to.have.attribute('type', 'fictional-type');