[material-ui][Chip] Add slots and slotProps

[sai6855]

This PR adds slots and slotProps to Chip component

[mui-bot]

Netlify deploy preview

https://deploy-preview-46098--material-ui.netlify.app/

@mui/material/Chip: parsed: +2.16% , gzip: +2.06%
@mui/material/Autocomplete: parsed: +0.22% , gzip: +0.19%
@mui/material: parsed: +0.06% , gzip: +0.06%

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against b26ec2f

[siriwatknp]

Suggested change

shouldForwardComponentProp: true,

ChipRoot comes from div, no need to forward component prop

[sai6855]

The component prop was forwarded because, when shouldForwardComponentProp is set to false, the component prop returned from useSlot('root') gets removed in the useSlot.ts file and replaced with the as prop here.

While this behavior works fine for components that do not rely on component-specific logic, it breaks components like Chip, which access the component prop directly in their logic — for example, this line. Removing the component prop in such cases causes test failures.

To fix this, I added shouldForwardComponentProp: true to ensure that the component prop is preserved and Chip continues to behave correctly.

[siriwatknp]

Got it. Can you add a comment above the line shouldForwardComponentProp.

[sai6855]

done, added here 29b9ea4

[siriwatknp]

@sai6855 Can you check the CIs? Some are failing.

[siriwatknp]

Given the comment about the shouldForwardComponentProp. I think we need to add more tests.

• With clickable: true and a custom component prop.

[sai6855]

material-ui/packages/mui-material/src/Chip/Chip.test.js

Lines 83 to 88 in 4cfd2f7

	it('should render link with the button base', () => {
	const { container } = render(<Chip component="a" clickable label="My text Chip" />);
	expect(container.firstChild).to.have.class('MuiButtonBase-root');
	expect(container.firstChild).to.have.tagName('a');
	});

There is test which tests with same props combination as mentioned. is this test sufficient or do you have any other test in mind?

[siriwatknp]

Good one.

[siriwatknp]

👍 Thanks for working on this.