[Chip, CircularProgress] Add components prop to API docs

Author: hbjORbj

packages/mui-joy/src/Chip/Chip.tsx

@@ -329,12 +329,17 @@ Chip.propTypes /* remove-proptypes */ = {
     PropTypes.string,
   ]),
   /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
+   * Replace the default slots.
    */
-  component: PropTypes.elementType,
+  components: PropTypes.shape({
+    action: PropTypes.elementType,
+    endDecorator: PropTypes.elementType,
+    label: PropTypes.elementType,
+    root: PropTypes.elementType,
+    startDecorator: PropTypes.elementType,
+  }),
   /**
-   * The props used for each slot inside the component.
+   * The props used for each slot inside.
    * @default {}
    */
   componentsProps: PropTypes.shape({

packages/mui-joy/src/Chip/ChipProps.ts

@@ -45,7 +45,17 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
      */
     children?: React.ReactNode;
     /**
-     * The props used for each slot inside the component.
+     * Replace the default slots.
+     */
+    components?: {
+      root?: React.ElementType;
+      label?: React.ElementType;
+      action?: React.ElementType;
+      startDecorator?: React.ElementType;
+      endDecorator?: React.ElementType;
+    };
+    /**
+     * The props used for each slot inside.
      * @default {}
      */
     componentsProps?: ComponentsProps;

packages/mui-joy/src/CircularProgress/CircularProgress.tsx

@@ -304,12 +304,16 @@ CircularProgress.propTypes /* remove-proptypes */ = {
     PropTypes.string,
   ]),
   /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
+   * Replace the default slots.
    */
-  component: PropTypes.elementType,
+  components: PropTypes.shape({
+    progress: PropTypes.elementType,
+    root: PropTypes.elementType,
+    svg: PropTypes.elementType,
+    track: PropTypes.elementType,
+  }),
   /**
-   * The props used for each slot inside the CircularProgress.
+   * The props used for each slot inside.
    * @default {}
    */
   componentsProps: PropTypes.shape({

packages/mui-joy/src/CircularProgress/CircularProgressProps.ts

@@ -40,7 +40,16 @@ export interface CircularProgressTypeMap<P = {}, D extends React.ElementType = '
      */
     color?: OverridableStringUnion<ColorPaletteProp, CircularProgressPropsColorOverrides>;
     /**
-     * The props used for each slot inside the CircularProgress.
+     * Replace the default slots.
+     */
+    components?: {
+      root?: React.ElementType;
+      svg?: React.ElementType;
+      track?: React.ElementType;
+      progress?: React.ElementType;
+    };
+    /**
+     * The props used for each slot inside.
      * @default {}
      */
     componentsProps?: ComponentsProps;